Pastel Day Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #dfd8e1; /* Pastel Day */
  --color-2: #f6f1f4; /* Grim White */
  --color-3: #d6e4d4; /* Light Mystified */
  --color-4: #a9c4a6; /* Green Bark */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Pastel Day

• #D4D8E3

  #D9D3E5

  #DFD8E1

  #E4D4E2

  #E3D5D8
  Pastel Day Analogous Color Scheme
• #DFD8E1

  #E5E1D5

  #D6E5E2

  #F6F1F4

  #C6C0A6
  Pastel Day Triadic Color Scheme
• #DFD8E1

  #E2E7D3

  #D4E6D9

  #C0A2C7

  #F4F4F0
  Pastel Day Split-complementary Color Scheme
• #DFD8E1

  #E5DAD4

  #D6E4D4

  #D5E2E5

  #F6F1F4
  Pastel Day Tetradic Color Scheme
• #96819A

  #BBAFC1

  #DFD8E1

  #F3F1F3

  #F3F1F3
  Pastel Day Monochromatic Color Scheme

More Very Light Purple complementary palettes

• #DEBEEF

  #F8EBFC

  #CCEEBB

  #A3E493

  #F1FAEA
  Beefy Pink Complementary Color Scheme
• #CAC0E1

  #F1F2F8

  #D9E1C1

  #B6CA90

  #F4F7EE
  Digital Lavender Complementary Color Scheme
• #C9A0FF

  #F0EBFC

  #DDFFAA

  #AAFF55

  #F6FFE8
  Diva Complementary Color Scheme
• #CFC9DF

  #F1F2F8

  #D8DDCA

  #BBC199

  #F4F7EE
  Dust of the Moon Complementary Color Scheme
• #D5C7E8

  #F0EBFC

  #D9E8C9

  #BCCF8F

  #F2F8ED
  Foggy Love Complementary Color Scheme
• #D1C0DC

  #F3F1F3

  #CEDAC3

  #A4C48E

  #EFF5F1
  Girl Crush Complementary Color Scheme
• #EDE9EF

  #F3F1F3

  #EAF1E6

  #C1D6B1

  #EFF5F1
  Greek Goddess Complementary Color Scheme
• #F0E5F5

  #F3E9F7

  #EAF5E7

  #B8E2B0

  #F1F8EC
  Holographic Lavender Complementary Color Scheme
• #E5E0EC

  #F3F1F3

  #E6EAE0

  #C1D0B2

  #F4F4F0
  Homoeopathic Lavender Complementary Color Scheme
• #D6D1DC

  #F3F1F3

  #DAE2CD

  #B3C39C

  #F4F4F0
  Iron Maiden Complementary Color Scheme
• #CEC3DD

  #F3F1F3

  #D1DBC2

  #AFC195

  #F4F7EE
  Lavender Bliss Complementary Color Scheme
• #CEA2FD

  #F0EBFC

  #DDFFAA

  #AAFF55

  #F6FFE8
  Lilac Complementary Color Scheme