It’s a Girl! Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ff4466; /* Magic Potion */
  --color-2: #fb8da6; /* Bunny Fluff */
  --color-3: #ffdae2; /* It’s a Girl! */
  --color-4: #ffe6ec; /* Nosegay */
  --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
• #FFDAE2

  #F9FDD9

  #D8FFF3

  #EEDDFF

  #FFE6EC
  It’s a Girl! Tetradic Color Scheme

More Very Light Red monochromatic palettes

• #CD525B

  #E19091

  #F1CBCD

  #F9EAEB

  #F9EAEB
  Abloom Monochromatic Color Scheme
• #B5998E

  #D6C4C1

  #F4EFEE

  #F5F0F1

  #F5F0F1
  Angelic Wings Monochromatic Color Scheme
• #CA4042

  #DC7B7C

  #EEBBBB

  #F9EAEB

  #F9EAEB
  Angry Ghost Monochromatic Color Scheme
• #FF1111

  #FD5956

  #FFAAAA

  #FFE6E4

  #FFE6E4
  Apricot Haze Monochromatic Color Scheme
• #DD5555

  #EF9A93

  #F7D5D4

  #F9EAEA

  #F9EAEA
  Ballet Monochromatic Color Scheme
• #FC0E34

  #FC5669

  #FCA2AD

  #FDE6E7

  #FDE6E7
  Ballet Slippers Monochromatic Color Scheme
• #C64A55

  #DD8888

  #EDC3C5

  #F9EAEB

  #F9EAEB
  Berry Good Monochromatic Color Scheme
• #E3664C

  #F29E8E

  #F8D7D0

  #FCEBEB

  #FCEBEB
  Bloodthirsty Beige Monochromatic Color Scheme
• #D4696D

  #E5A2AB

  #F6DEE0

  #F9EAEB

  #F9EAEB
  Blowing Kisses Monochromatic Color Scheme
• #C64A55

  #D78187

  #EABCC0

  #F8EAED

  #F8EAED
  Blush Kiss Monochromatic Color Scheme
• #D13D4B

  #E07C89

  #F0BCBE

  #F9EAEB

  #F9EAEB
  Blush Rush Monochromatic Color Scheme
• #C27A74

  #D9A8A8

  #F0DEDC

  #F6EEED

  #F6EEED
  Butterfly Kisses Monochromatic Color Scheme