Hokkaido Lavender Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #7736d9; /* Hokkaido Lavender */
  --color-2: #dd3845; /* Poppy Red */
  --color-3: #99dd33; /* Poisonous Potion */
  --color-4: #30d5c8; /* Turquoise Panic */
  --color-5: #b195e4; /* Dreamy Candy Forest */
}

Other schemes from Hokkaido Lavender

• #7736D9

  #BF8FE5

  #99DD33

  #71A91D

  #C1E28A
  Hokkaido Lavender Complementary Color Scheme
• #2A96D5

  #2242C7

  #7736D9

  #CC33CC

  #D9308A
  Hokkaido Lavender Analogous Color Scheme
• #7736D9

  #D87839

  #3CD070

  #B195E4

  #A9561E
  Hokkaido Lavender Triadic Color Scheme
• #7736D9

  #D9C737

  #58D332

  #5500AA

  #E6DA78
  Hokkaido Lavender Split-complementary Color Scheme
• #331166

  #5500AA

  #7736D9

  #B36FF6

  #CCBBEE
  Hokkaido Lavender Monochromatic Color Scheme

More Medium Purple tetradic palettes

• #655883

  #8E545C

  #728A51

  #56887D

  #9787BB
  Berry Jam Tetradic Color Scheme
• #3300CC

  #CC0033

  #99CC00

  #00CC99

  #6A2DED
  Busty Blue Tetradic Color Scheme
• #9601F4

  #FE1C06

  #55EE00

  #02D8E9

  #C95EFB
  Cosmic Heart Tetradic Color Scheme
• #946DAD

  #AD7171

  #86A96F

  #6BA5A9

  #C5AECF
  Crown Jewels Tetradic Color Scheme
• #9632CE

  #D24833

  #6ECB3C

  #32BCD1

  #CB82E3
  Dreamscape Purple Tetradic Color Scheme
• #6600FF

  #FF0015

  #96FF00

  #00FFE5

  #AA66FF
  Electric Indigo Tetradic Color Scheme
• #CC22FF

  #F65D20

  #55FF22

  #37C4FA

  #EE88FF
  Flirtatious Flamingo Tetradic Color Scheme
• #9F4CB7

  #B56A4C

  #6AB54B

  #5296B7

  #C49BD4
  Fuchsia Pheromone Tetradic Color Scheme
• #714A8B

  #8B504B

  #63884A

  #45868B

  #A885B5
  Grapes of Italy Tetradic Color Scheme
• #8469BC

  #BD6973

  #ACBF69

  #67BCB3

  #B6ADD8
  Lavish Spending Tetradic Color Scheme
• #8822CC

  #CC3322

  #66CC22

  #32BCD1

  #B36FF6
  Lilac Spring Tetradic Color Scheme
• #664488

  #884444

  #688C43

  #45868B

  #967BB6
  Lords of the Night Tetradic Color Scheme