Violet Heaven Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #cdb7fa; /* Violet Heaven */
  --color-2: #f8b4c4; /* Love Spell */
  --color-3: #ecfcbd; /* Fall Green */
  --color-4: #bbffee; /* Summer Cloud */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Violet Heaven

• #CDB7FA

  #EEE9F9

  #ECFCBD

  #C2F177

  #F6FFE8
  Violet Heaven Complementary Color Scheme
• #B8E4F5

  #BFC0EE

  #CDB7FA

  #EEBBFF

  #FABFE4
  Violet Heaven Analogous Color Scheme
• #CDB7FA

  #F9CCB7

  #BEF7CF

  #EEE9F9

  #F79D72
  Violet Heaven Triadic Color Scheme
• #CDB7FA

  #FBEDB8

  #C7FDB5

  #9878F8

  #FFF9E7
  Violet Heaven Split-complementary Color Scheme
• #6A2DED

  #9878F8

  #CDB7FA

  #EEE9F9

  #EEE9F9
  Violet Heaven 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
• #D1C0DC

  #DFC1C3

  #CEDAC3

  #C1D8D9

  #F3F1F3
  Girl Crush 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