Girl Crush Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d1c0dc; /* Girl Crush */
  --color-2: #dfc1c3; /* Cameo Appearance */
  --color-3: #cedac3; /* Breakaway */
  --color-4: #c1d8d9; /* Haint Blue */
  --color-5: #f3f1f3; /* Aragonite White */
}

Other schemes from Girl Crush

• #D1C0DC

  #F3F1F3

  #CEDAC3

  #A4C48E

  #EFF5F1
  Girl Crush Complementary Color Scheme
• #C1CAD9

  #C9C2DD

  #D1C0DC

  #DDC1D7

  #DCC2CB
  Girl Crush Analogous Color Scheme
• #D1C0DC

  #DAD1C0

  #C2DDD3

  #F3F1F3

  #C1AE91
  Girl Crush Triadic Color Scheme
• #D1C0DC

  #DADCC1

  #C0DBC6

  #A893C1

  #F6F6F0
  Girl Crush Split-complementary Color Scheme
• #8D5EB7

  #A893C1

  #D1C0DC

  #F3F1F3

  #F3F1F3
  Girl Crush Monochromatic Color Scheme

More Very Light Purple tetradic palettes

• #DEBEEF

  #EEC6BF

  #CCEEBB

  #BCE6EF

  #F8EBFC
  Beefy Pink Tetradic Color Scheme
• #CAC0E1

  #E1C2C5

  #D9E1C1

  #C0E1DD

  #F1F2F8
  Digital Lavender Tetradic Color Scheme
• #C9A0FF

  #FFA2AA

  #DDFFAA

  #ACFFFC

  #F0EBFC
  Diva Tetradic Color Scheme
• #CFC9DF

  #DFCBCF

  #D8DDCA

  #C8DDDA

  #F1F2F8
  Dust of the Moon Tetradic Color Scheme
• #D5C7E8

  #EAC7CB

  #D9E8C9

  #C5E8E7

  #F0EBFC
  Foggy Love Tetradic Color Scheme
• #EDE9EF

  #F0EAE7

  #EAF1E6

  #E6EFEF

  #F3F1F3
  Greek Goddess Tetradic Color Scheme
• #F0E5F5

  #F4E7E5

  #EAF5E7

  #E7F0F7

  #F3E9F7
  Holographic Lavender Tetradic Color Scheme
• #E5E0EC

  #EDE0E3

  #E6EAE0

  #E2EDEB

  #F3F1F3
  Homoeopathic Lavender Tetradic Color Scheme
• #D6D1DC

  #E2C9CE

  #DAE2CD

  #CDE0E1

  #F3F1F3
  Iron Maiden Tetradic Color Scheme
• #CEC3DD

  #DFC1C3

  #D1DBC2

  #C1DCDB

  #F3F1F3
  Lavender Bliss Tetradic Color Scheme
• #CEA2FD

  #FEA5A2

  #DDFFAA

  #AAFFFF

  #F0EBFC
  Lilac Tetradic Color Scheme
• #E0B0FF

  #FFB9B2

  #C8FFB0

  #B2FCFF

  #F8EBFC
  Mauve Tetradic Color Scheme