Viola Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #966ebd; /* Viola */
  --color-2: #bb986f; /* Etruscan Bronze */
  --color-3: #75b996; /* Mountain Lake Green */
  --color-4: #c4b7d8; /* Tinted Iris */
  --color-5: #957046; /* Tavern Creek */
}

Other schemes from Viola

• #966EBD

  #C2A9DB

  #8CBF6F

  #6F9843

  #C5DCB3
  Viola Complementary Color Scheme
• #6A96BA

  #7366BD

  #966EBD

  #BA7AB3

  #B56E91
  Viola Analogous Color Scheme
• #966EBD

  #BABD6C

  #73BE6E

  #674196

  #D7D3A6
  Viola Split-complementary Color Scheme
• #966EBD

  #BF6C6E

  #8CBF6F

  #70BBBF

  #C4B7D8
  Viola Tetradic Color Scheme
• #482D67

  #674196

  #966EBD

  #BFA3D9

  #E7D6ED
  Viola Monochromatic Color Scheme

More Medium Purple triadic palettes

• #655883

  #886150

  #558961

  #9787BB

  #594035
  Berry Jam Triadic Color Scheme
• #3300CC

  #CC3300

  #00CC33

  #6A2DED

  #882200
  Busty Blue Triadic Color Scheme
• #9601F4

  #F39800

  #00FA92

  #C95EFB

  #AA6600
  Cosmic Heart Triadic Color Scheme
• #946DAD

  #B1936D

  #6FAB92

  #C5AECF

  #866D4C
  Crown Jewels Triadic Color Scheme
• #9632CE

  #CF9632

  #33CC99

  #CB82E3

  #926A25
  Dreamscape Purple Triadic Color Scheme
• #6600FF

  #FF6600

  #00FF77

  #AA66FF

  #B64701
  Electric Indigo Triadic Color Scheme
• #CC22FF

  #FFCC22

  #32FFDC

  #EE88FF

  #D5A300
  Flirtatious Flamingo Triadic Color Scheme
• #9F4CB7

  #BC9B4E

  #52BC9A

  #C49BD4

  #807532
  Fuchsia Pheromone Triadic Color Scheme
• #714A8B

  #8B714B

  #4C8C72

  #A885B5

  #564A33
  Grapes of Italy Triadic Color Scheme
• #7736D9

  #D87839

  #3CD070

  #B195E4

  #A9561E
  Hokkaido Lavender Triadic Color Scheme
• #8469BC

  #BD856C

  #61BA85

  #B6ADD8

  #935F43
  Lavish Spending Triadic Color Scheme
• #8822CC

  #CC8822

  #22CC88

  #B36FF6

  #885818
  Lilac Spring Triadic Color Scheme