Voila! Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #5b4459; /* Crowd Pleaser */
  --color-2: #876281; /* Orchid Orchestra */
  --color-3: #af8ba8; /* Voila! */
  --color-4: #cfb7c9; /* Soft Amethyst */
  --color-5: #ede6ed; /* In the Spotlight */
}

Other schemes from Voila!

• #AF8BA8

  #D8BFD4

  #80B690

  #5D9865

  #C4DBCB
  Voila! Complementary Color Scheme
• #9188B5

  #A885B5

  #AF8BA8

  #B68692

  #B88F88
  Voila! Analogous Color Scheme
• #AF8BA8

  #ABB486

  #84AAB8

  #DDC4D4

  #849457
  Voila! Triadic Color Scheme
• #AF8BA8

  #93B881

  #83BAA8

  #94568C

  #BAD1B5
  Voila! Split-complementary Color Scheme
• #AF8BA8

  #B8A584

  #80B690

  #8092BC

  #DDC4D4
  Voila! Tetradic Color Scheme

More Light Pink monochromatic palettes

• #B62758

  #DC6080

  #E79DB3

  #F5DAE3

  #F8EAED
  Always Rosey Monochromatic Color Scheme
• #CC00DD

  #FF33FF

  #FB7EFD

  #FFCCFF

  #FFEBFE
  Atomic Pink Monochromatic Color Scheme
• #DD00CC

  #FF2FEB

  #FF77EE

  #FCCCF5

  #FFEBFE
  Avant-Garde Pink Monochromatic Color Scheme
• #871F78

  #C920B0

  #E15ACB

  #EB94DA

  #F4DAF1
  Barbiecore Monochromatic Color Scheme
• #8C1B3C

  #C92351

  #DE5D83

  #EA9FB4

  #F9DCE3
  Blush d’Amour Monochromatic Color Scheme
• #A24D8F

  #CD7DB5

  #D9B1D6

  #EFE2F2

  #F8EEF4
  Blushing Sky Monochromatic Color Scheme
• #EE00EE

  #FF33FF

  #FF85FF

  #FED0FC

  #FFEBFE
  Bubblegum Monochromatic Color Scheme
• #DD1188

  #E936A7

  #F887C7

  #F8D0E8

  #FFE8F4
  Bubblegum Beam Monochromatic Color Scheme
• #CC1A97

  #F246A7

  #F092D6

  #F9D7EE

  #FEE8F5
  Bubblegum Kisses Monochromatic Color Scheme
• #C034AF

  #DA70D6

  #E8A7E2

  #F6E5F6

  #FCEBFA
  Candy Floss Monochromatic Color Scheme
• #CC11BB

  #FF1DCE

  #FF63E9

  #FFB2F0

  #FEE8F5
  Candy Pink Monochromatic Color Scheme
• #6F4B5C

  #9D6984

  #BB99AA

  #D7C7D0

  #F5F0F1
  Classy Mauve Monochromatic Color Scheme