It’s a Girl! Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ffddff; /* Sugarpills */
  --color-2: #ffdbf7; /* Strawberry Frost */
  --color-3: #ffdae2; /* It’s a Girl! */
  --color-4: #ffe6d8; /* Light Peach Rose */
  --color-5: #fff7db; /* Buttermelon */
}

Other schemes from It’s a Girl!

• #FFDAE2

  #FFE6EC

  #D8FFF3

  #88FFEE

  #E7FAFA
  It’s a Girl! Complementary Color Scheme
• #FFDAE2

  #E0FFDF

  #D6EAFC

  #FFE6EC

  #B1FC99
  It’s a Girl! Triadic Color Scheme
• #FFDAE2

  #DFFAE1

  #DEF7FE

  #FB8DA6

  #E6FDF1
  It’s a Girl! Split-complementary Color Scheme
• #FFDAE2

  #F9FDD9

  #D8FFF3

  #EEDDFF

  #FFE6EC
  It’s a Girl! Tetradic Color Scheme
• #FF4466

  #FB8DA6

  #FFDAE2

  #FFE6EC

  #FFE6EC
  It’s a Girl! Monochromatic Color Scheme

More Very Light Red analogous palettes

• #EECCEE

  #F2CFE0

  #F1CBCD

  #F0DCCB

  #F2EFCD
  Abloom Analogous Color Scheme
• #F5F0F1

  #F4EFEE

  #F4EFEE

  #F3F2ED

  #F5F4ED
  Angelic Wings Analogous Color Scheme
• #EEBBEE

  #ECBCD4

  #EEBBBB

  #F1D6BC

  #ECEBBD
  Angry Ghost Analogous Color Scheme
• #FFAAFF

  #FFA6D9

  #FFAAAA

  #FFD4A9

  #FFFFAA
  Apricot Haze Analogous Color Scheme
• #F9D7EE

  #FAD6E5

  #F7D5D4

  #F8E7D4

  #F7F6D5
  Ballet Analogous Color Scheme
• #F1A7FE

  #FFA6D9

  #FCA2AD

  #FFC5A3

  #FFF0A4
  Ballet Slippers Analogous Color Scheme
• #EEC3EE

  #EDC2DB

  #EDC3C5

  #EDD8C3

  #EDEEC5
  Berry Good Analogous Color Scheme
• #FFCFF1

  #FCD2DF

  #F8D7D0

  #F7EBD1

  #EFF5D1
  Bloodthirsty Beige Analogous Color Scheme
• #F4DAF1

  #F1DFE9

  #F6DEE0

  #F6E8DE

  #F7F4DF
  Blowing Kisses Analogous Color Scheme
• #EEBBEE

  #ECBCD4

  #EABCC0

  #E9CFBB

  #E9E8BB
  Blush Kiss Analogous Color Scheme
• #EEBBEE

  #EEBFD5

  #F0BCBE

  #F1D6BC

  #F4EEBA
  Blush Rush Analogous Color Scheme
• #EEDDEE

  #F0DCE3

  #F0DEDC

  #EFE8DC

  #EDF1DB
  Butterfly Kisses Analogous Color Scheme