It’s a Girl! Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ffdae2; /* It’s a Girl! */
  --color-2: #ffe6ec; /* Nosegay */
  --color-3: #d8fff3; /* Candied Snow */
  --color-4: #88ffee; /* Defence Matrix */
  --color-5: #e7fafa; /* Calm Waters */
}

Other schemes from It’s a Girl!

• #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
• #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 complementary palettes

• #F1CBCD

  #F9EAEB

  #CCEEEE

  #9BE3D7

  #E7FAFA
  Abloom Complementary Color Scheme
• #F4EFEE

  #F4EFEE

  #EEF2F3

  #BBD3DA

  #F1F3F3
  Angelic Wings Complementary Color Scheme
• #EEBBBB

  #F9EAEB

  #BBEEEE

  #78D8D9

  #EDFCFB
  Angry Ghost Complementary Color Scheme
• #FFAAAA

  #FFE6E4

  #AAFFFF

  #56FFFF

  #E7FEFF
  Apricot Haze Complementary Color Scheme
• #F7D5D4

  #F9EAEA

  #D7F5F6

  #99EEEE

  #E7FAFA
  Ballet Complementary Color Scheme
• #FCA2AD

  #FDE6E7

  #AAFFEE

  #55FFEE

  #E7FEFF
  Ballet Slippers Complementary Color Scheme
• #EDC3C5

  #F9EAEB

  #C3ECE9

  #88D9D8

  #ECF7F7
  Berry Good Complementary Color Scheme
• #F8D7D0

  #FCEBEB

  #D1F0F6

  #88DDEE

  #E8F7FD
  Bloodthirsty Beige Complementary Color Scheme
• #F6DEE0

  #F9EAEB

  #DFFBF3

  #A0E3E0

  #E9F9F5
  Blowing Kisses Complementary Color Scheme
• #EABCC0

  #F8EAED

  #BDE9E5

  #81D7D0

  #ECF7F7
  Blush Kiss Complementary Color Scheme
• #F0BCBE

  #F9EAEB

  #BBEEEE

  #6FE7DB

  #E7FAFA
  Blush Rush Complementary Color Scheme
• #F0DEDC

  #F6EEED

  #DDEEEE

  #A7D4D9

  #ECF7F7
  Butterfly Kisses Complementary Color Scheme