Pastel Day Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d4d8e3; /* So Blue-Berry */
  --color-2: #d9d3e5; /* Powder Viola White */
  --color-3: #dfd8e1; /* Pastel Day */
  --color-4: #e4d4e2; /* Joyful Lilac */
  --color-5: #e3d5d8; /* Velvet Blush */
}

Other schemes from Pastel Day

• #DFD8E1

  #F6F1F4

  #D6E4D4

  #A9C4A6

  #EFF5F1
  Pastel Day Complementary 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 analogous palettes

• #BBCFEF

  #CCBBEE

  #DEBEEF

  #F1BFE2

  #EFBECF
  Beefy Pink Analogous Color Scheme
• #C3D7E0

  #C4C9E2

  #CAC0E1

  #DEC0E2

  #E5C1D9
  Digital Lavender Analogous Color Scheme
• #A7D7FF

  #A0A0FF

  #C9A0FF

  #F1A7FE

  #FFA6D9
  Diva Analogous Color Scheme
• #CADADE

  #CBCCDF

  #CFC9DF

  #D9CADF

  #DFCBDA
  Dust of the Moon Analogous Color Scheme
• #C7DAE8

  #C7CCE7

  #D5C7E8

  #E7C3E7

  #EAC8DA
  Foggy Love Analogous Color Scheme
• #C1CAD9

  #C9C2DD

  #D1C0DC

  #DDC1D7

  #DCC2CB
  Girl Crush Analogous Color Scheme
• #E9E9F0

  #E9E9F0

  #EDE9EF

  #F1E8EC

  #EFE7EB
  Greek Goddess Analogous Color Scheme
• #E5E8F2

  #E6E6F1

  #F0E5F5

  #F2E4F5

  #F5E6EA
  Holographic Lavender Analogous Color Scheme
• #E0E8EC

  #E0E0EB

  #E5E0EC

  #EEE1EB

  #EAE0E8
  Homoeopathic Lavender Analogous Color Scheme
• #CCD7E1

  #CCCFE2

  #D6D1DC

  #E7CEE3

  #E2CDD5
  Iron Maiden Analogous Color Scheme
• #C4D3DC

  #C2C7DB

  #CEC3DD

  #DAC4DC

  #DEC4D2
  Lavender Bliss Analogous Color Scheme
• #A2CFFE

  #A0A0FF

  #CEA2FD

  #FFAAFF

  #FFA6C9
  Lilac Analogous Color Scheme