Lilac Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #a2cffe; /* Baby Blue */
  --color-2: #a0a0ff; /* Nemophila */
  --color-3: #cea2fd; /* Lilac */
  --color-4: #ffaaff; /* Jigglypuff */
  --color-5: #ffa6c9; /* Bazooka Pink */
}

Other schemes from Lilac

• #CEA2FD

  #F0EBFC

  #DDFFAA

  #AAFF55

  #F6FFE8
  Lilac Complementary Color Scheme
• #CEA2FD

  #FDCFA1

  #AAFFCC

  #F0EBFC

  #FFA756
  Lilac Triadic Color Scheme
• #CEA2FD

  #FCFFA4

  #AAFFAA

  #AA55FF

  #FEFEE7
  Lilac Split-complementary Color Scheme
• #CEA2FD

  #FEA5A2

  #DDFFAA

  #AAFFFF

  #F0EBFC
  Lilac Tetradic Color Scheme
• #7F01FE

  #AA55FF

  #CEA2FD

  #F0EBFC

  #F0EBFC
  Lilac 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
• #C4D3DC

  #C2C7DB

  #CEC3DD

  #DAC4DC

  #DEC4D2
  Lavender Bliss Analogous Color Scheme
• #B1D1FC

  #B5AFFF

  #E0B0FF

  #FFB2F0

  #FFB2D0
  Mauve Analogous Color Scheme