Lavender Bliss Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #c4d3dc; /* Sentimental Lady */
  --color-2: #c2c7db; /* Iced Lavender */
  --color-3: #cec3dd; /* Lavender Bliss */
  --color-4: #dac4dc; /* Simply Lavender */
  --color-5: #dec4d2; /* Elusive Mauve */
}

Other schemes from Lavender Bliss

• #CEC3DD

  #F3F1F3

  #D1DBC2

  #AFC195

  #F4F7EE
  Lavender Bliss Complementary Color Scheme
• #CEC3DD

  #DFCEC2

  #C5DDD0

  #F3F1F3

  #C2A593
  Lavender Bliss Triadic Color Scheme
• #CEC3DD

  #DEDBC4

  #C5DCC6

  #A893C1

  #F6F4EF
  Lavender Bliss Split-complementary Color Scheme
• #CEC3DD

  #DFC1C3

  #D1DBC2

  #C1DCDB

  #F3F1F3
  Lavender Bliss Tetradic Color Scheme
• #7761AB

  #A893C1

  #CEC3DD

  #F3F1F3

  #F3F1F3
  Lavender Bliss Monochromatic Color Scheme

More very light purple analogous color schemes

• #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
• #A2CFFE

  #A0A0FF

  #CEA2FD

  #FFAAFF

  #FFA6C9
  Lilac Analogous Color Scheme
• #B1D1FC

  #B5AFFF

  #E0B0FF

  #FFB2F0

  #FFB2D0
  Mauve Analogous Color Scheme