Umbra Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #211e1f; /* Umbra */
  --color-2: #1b2b1b; /* Kuro Green */
  --color-3: #181b26; /* Coarse Wool */
  --color-4: #673c4c; /* Crushed Violets */
  --color-5: #12110e; /* Sinister */
}

Other schemes from Umbra

• #211E1F

  #643A48

  #162825

  #0F1012

  #3E645B
  Umbra Complementary Color Scheme
• #201B20

  #2C1620

  #211E1F

  #251B19

  #2C201A
  Umbra Analogous Color Scheme
• #211E1F

  #1B2B1B

  #162825

  #130D0D

  #34533D
  Umbra Split-complementary Color Scheme
• #211E1F

  #21211D

  #162825

  #181B26

  #673C4C
  Umbra Tetradic Color Scheme
• #0F0F0F

  #0F0F0F

  #211E1F

  #4B4146

  #70666A
  Umbra Monochromatic Color Scheme

More Very Dark Gray triadic palettes

• #28282D

  #332222

  #283123

  #4B4775

  #130D0D
  Anthracite Triadic Color Scheme
• #293432

  #3A243B

  #3C3523

  #457973

  #150811
  Aztec Triadic Color Scheme
• #262926

  #161E34

  #351E1C

  #476E42

  #0B0C14
  Bitter Liquorice Triadic Color Scheme
• #2E2E2E

  #253529

  #21263A

  #784848

  #051009
  Carbon Fibre Triadic Color Scheme
• #2B2C30

  #3C2126

  #253529

  #4C5079

  #130D0D
  Caviar Triadic Color Scheme
• #333232

  #2C3D28

  #272A3B

  #7F4E47

  #051009
  Dark Charcoal Triadic Color Scheme
• #27252A

  #35281E

  #1B3427

  #594670

  #130D0D
  Darth Vader Triadic Color Scheme
• #322C2B

  #20392C

  #262335

  #7B5349

  #0F0F0F
  Diesel Triadic Color Scheme
• #282828

  #1B2B1B

  #161E34

  #734342

  #051009
  Dire Wolf Triadic Color Scheme
• #262A2B

  #391531

  #2F2E1F

  #4A6871

  #150811
  Graphite Black Triadic Color Scheme
• #2C2A35

  #3E2723

  #20392C

  #534A77

  #130D0D
  Haiti Triadic Color Scheme
• #332F2C

  #20392C

  #292938

  #7C5F4A

  #0F1012
  Holy Crow Triadic Color Scheme