Metropolis Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #61584f; /* Metropolis */
  --color-2: #416858; /* June Ivy */
  --color-3: #57446a; /* Haunted Candelabra */
  --color-4: #a68b6d; /* Tannin */
  --color-5: #2b3f36; /* Celtic */
}

Other schemes from Metropolis

• #61584F

  #A3876A

  #435A6F

  #24313D

  #6B8CA9
  Metropolis Complementary Color Scheme
• #6C445B

  #704241

  #61584F

  #6D6F42

  #5A6E41
  Metropolis Analogous Color Scheme
• #61584F

  #456F6E

  #42426F

  #3C3024

  #5F9B9C
  Metropolis Split-complementary Color Scheme
• #61584F

  #476E42

  #435A6F

  #724770

  #A68B6D
  Metropolis Tetradic Color Scheme
• #0F0F0F

  #35312C

  #61584F

  #8A7D72

  #ACA49A
  Metropolis Monochromatic Color Scheme

More Dark Gray triadic palettes

• #3C3535

  #36482F

  #282A4A

  #875251

  #0F180A
  After Dark Triadic Color Scheme
• #38393F

  #4A2E32

  #364C2E

  #545989

  #1A1110
  After Midnight Triadic Color Scheme
• #455454

  #653B66

  #62603E

  #649C97

  #391531
  All Nighter Triadic Color Scheme
• #444B43

  #3A3B5B

  #5C3839

  #6A9D5D

  #181B26
  Ancient Pine Triadic Color Scheme
• #484A46

  #35495A

  #59354A

  #7A9C58

  #1F262A
  Armadillo Triadic Color Scheme
• #3B444B

  #563342

  #445533

  #5C7B97

  #23191E
  Arsenic Triadic Color Scheme
• #37393E

  #492D35

  #36482F

  #516582

  #1A1110
  Artist’s Charcoal Triadic Color Scheme
• #5F5854

  #477050

  #544173

  #AB856F

  #274234
  Bark Triadic Color Scheme
• #5E6354

  #466174

  #764663

  #99AF73

  #283C44
  Black Forest Triadic Color Scheme
• #4F4554

  #60513A

  #366254

  #86619F

  #35281E
  Black Magic Triadic Color Scheme
• #3B3C36

  #274447

  #443240

  #7F8353

  #0F1519
  Black Olive Triadic Color Scheme
• #525463

  #6F434A

  #476E42

  #777BA9

  #43242A
  Black Orchid Triadic Color Scheme