It’s a Girl! Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ffdae2; /* It’s a Girl! */
  --color-2: #f9fdd9; /* Apple Martini */
  --color-3: #d8fff3; /* Candied Snow */
  --color-4: #eeddff; /* Lavender Savour */
  --color-5: #ffe6ec; /* Nosegay */
}

Other schemes from It’s a Girl!

• #FFDAE2

  #FFE6EC

  #D8FFF3

  #88FFEE

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

  #FFDBF7

  #FFDAE2

  #FFE6D8

  #FFF7DB
  It’s a Girl! Analogous 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
• #FF4466

  #FB8DA6

  #FFDAE2

  #FFE6EC

  #FFE6EC
  It’s a Girl! Monochromatic Color Scheme

More Very Light Red tetradic palettes

• #F1CBCD

  #E5EECC

  #CCEEEE

  #DACEE8

  #F9EAEB
  Abloom Tetradic Color Scheme
• #F4EFEE

  #F1F2EE

  #EEF2F3

  #F3F1F3

  #F4EFEE
  Angelic Wings Tetradic Color Scheme
• #EEBBBB

  #CCEEBB

  #BBEEEE

  #CCBBEE

  #F9EAEB
  Angry Ghost Tetradic Color Scheme
• #FFAAAA

  #DDFFAA

  #AAFFFF

  #CCAAFF

  #FFE6E4
  Apricot Haze Tetradic Color Scheme
• #F7D5D4

  #E5F4D5

  #D7F5F6

  #E8CEF6

  #F9EAEA
  Ballet Tetradic Color Scheme
• #FCA2AD

  #DDFFAA

  #AAFFEE

  #C9A0FF

  #FDE6E7
  Ballet Slippers Tetradic Color Scheme
• #EDC3C5

  #DAECC5

  #C3ECE9

  #D5C7E8

  #F9EAEB
  Berry Good Tetradic Color Scheme
• #F8D7D0

  #DDFFCC

  #D1F0F6

  #E8CEF6

  #FCEBEB
  Bloodthirsty Beige Tetradic Color Scheme
• #F6DEE0

  #EBF5DE

  #DFFBF3

  #E6DEF0

  #F9EAEB
  Blowing Kisses Tetradic Color Scheme
• #EABCC0

  #DEEABD

  #BDE9E5

  #CCBBEE

  #F8EAED
  Blush Kiss Tetradic Color Scheme
• #F0BCBE

  #DDEEBB

  #BBEEEE

  #CCBBEE

  #F9EAEB
  Blush Rush Tetradic Color Scheme
• #F0DEDC

  #E3EFDD

  #DDEEEE

  #E6DEF0

  #F6EEED
  Butterfly Kisses Tetradic Color Scheme