Sinister Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #130d0d; /* Optophobia */
  --color-2: #130d0d; /* Optophobia */
  --color-3: #12110e; /* Sinister */
  --color-4: #12110e; /* Sinister */
  --color-5: #0f180a; /* Pinch of Pepper */
}

Other schemes from Sinister

• #12110E

  #4B492D

  #0B0C14

  #0B0C14

  #2F3C53
  Sinister Complementary Color Scheme
• #12110E

  #0F1012

  #0F1012

  #534A32

  #0F1012
  Sinister Triadic Color Scheme
• #12110E

  #0F1012

  #0B0C14

  #12110E

  #283C44
  Sinister Split-complementary Color Scheme
• #12110E

  #121210

  #0B0C14

  #150811

  #534A32
  Sinister Tetradic Color Scheme
• #12110E

  #12110E

  #12110E

  #39382F

  #67614F
  Sinister Monochromatic Color Scheme

More Very Dark Yellow analogous palettes

• #441111

  #4A290D

  #444411

  #304112

  #114411
  Alligator Gladiator Analogous Color Scheme
• #3D0C02

  #372A05

  #373E02

  #133700

  #033500
  Dark Olive Analogous Color Scheme
• #3C2727

  #3E2B23

  #383428

  #393D2A

  #2C3D28
  Graphite Analogous Color Scheme
• #480607

  #492B00

  #404404

  #334400

  #06470C
  Green Not Found Analogous Color Scheme
• #330000

  #341C02

  #333300

  #133700

  #003300
  Wasabi Nori Analogous Color Scheme