Heart Potion Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #a97fb1; /* Heart Potion */
  --color-2: #b08f7f; /* Coyote Tracks */
  --color-3: #8aae7c; /* Cressida */
  --color-4: #77a1b5; /* Grey Blue */
  --color-5: #d3bed5; /* Cosmetic Mauve */
}

Other schemes from Heart Potion

• #A97FB1

  #CCB8D2

  #8AAE7C

  #558D4F

  #C3D6BD
  Heart Potion Complementary Color Scheme
• #7A85AF

  #947CAE

  #A97FB1

  #B67CA2

  #B87F84
  Heart Potion Analogous Color Scheme
• #A97FB1

  #AFA97D

  #7DB6A8

  #D3BED5

  #908456
  Heart Potion Triadic Color Scheme
• #A97FB1

  #A2B07E

  #7BB18D

  #85598A

  #C3CDB0
  Heart Potion Split-complementary Color Scheme
• #57385E

  #85598A

  #A97FB1

  #C9AFD0

  #E8DEEA
  Heart Potion Monochromatic Color Scheme

More Medium Pink tetradic palettes

• #C90B42

  #A7C408

  #00CC99

  #360CCC

  #F44772
  Akari Red Tetradic Color Scheme
• #EE3377

  #D5F534

  #2EE8BB

  #4433EE

  #FF91AF
  Amor Tetradic Color Scheme
• #BB22AA

  #B47B27

  #22BB33

  #2A52BE

  #E760D2
  Amora Purple Tetradic Color Scheme
• #DD0055

  #CCDD00

  #00CC99

  #1805DB

  #F7468A
  Anger Tetradic Color Scheme
• #DD14AB

  #DDAA11

  #0BDB43

  #0343DF

  #E760D2
  Aphroditean Fuchsia Tetradic Color Scheme
• #D208CC

  #C87606

  #00CC11

  #0066CC

  #FF44EE
  Awkward Purple Tetradic Color Scheme
• #FF0FF3

  #FF9613

  #0AFA1E

  #1177FF

  #FC74FD
  Barbara Tetradic Color Scheme
• #EE3366

  #CFE838

  #2EE8BB

  #5F34E7

  #F091A9
  Bat’s Blood Soup Tetradic Color Scheme
• #D4265D

  #BBCC22

  #24DA91

  #5729CE

  #ED7A9E
  Beet Wave Tetradic Color Scheme
• #D33376

  #C2D62E

  #2DD78D

  #5533CC

  #E585A5
  Beetroot Purple Tetradic Color Scheme
• #DD1188

  #DDCC11

  #11DD66

  #0022DD

  #EE66BB
  Benevolent Pink Tetradic Color Scheme
• #9D5A8F

  #9F8D57

  #599F68

  #5A6E9C

  #CA99B7
  Bermuda Onion Tetradic Color Scheme