It’s a Girl! Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ffdae2; /* It’s a Girl! */
  --color-2: #e0ffdf; /* Frosted Plains */
  --color-3: #d6eafc; /* Cloudless */
  --color-4: #ffe6ec; /* Nosegay */
  --color-5: #b1fc99; /* Pale Light Green */
}

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

  #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 triadic palettes

• #F1CBCD

  #CEF0CC

  #CCCCEE

  #F9EAEB

  #94E089
  Abloom Triadic Color Scheme
• #F4EFEE

  #EFF5F1

  #EBEEF3

  #F4EFEE

  #BDD8C0
  Angelic Wings Triadic Color Scheme
• #EEBBBB

  #BBE6BB

  #BCBDE4

  #F9EAEB

  #77DD77
  Angry Ghost Triadic Color Scheme
• #FFAAAA

  #AAFFAA

  #AAAAFF

  #FFE6E4

  #53FE5C
  Apricot Haze Triadic Color Scheme
• #F7D5D4

  #D8F3D7

  #D2D8F4

  #F9EAEA

  #90EE90
  Ballet Triadic Color Scheme
• #FCA2AD

  #B2FBA5

  #AAAAFF

  #FDE6E7

  #66FF55
  Ballet Slippers Triadic Color Scheme
• #EDC3C5

  #C1EFC6

  #C4C0E9

  #F9EAEB

  #98D98E
  Berry Good Triadic Color Scheme
• #F8D7D0

  #D2F4DD

  #DCD0FF

  #FCEBEB

  #90EE90
  Bloodthirsty Beige Triadic Color Scheme
• #F6DEE0

  #E1F2DF

  #D8E1F1

  #F9EAEB

  #A8E4A0
  Blowing Kisses Triadic Color Scheme
• #EABCC0

  #C2ECBC

  #B7C0EA

  #F8EAED

  #8CCE86
  Blush Kiss Triadic Color Scheme
• #F0BCBE

  #B8F8B8

  #B8B8F8

  #F9EAEB

  #8DE07C
  Blush Rush Triadic Color Scheme
• #F0DEDC

  #DEF1DD

  #DDDCEF

  #F6EEED

  #A5D7B2
  Butterfly Kisses Triadic Color Scheme