Night Rider Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #332e2e; /* Night Rider */
  --color-2: #784848; /* Cocobolo */
  --color-3: #273e3e; /* Sunken Cascades */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #487a7b; /* Lucky Shamrock */
}

Other schemes from Night Rider

• #3A243B

  #3E2631

  #332E2E

  #3C3024

  #3F3925
  Night Rider Analogous Color Scheme
• #332E2E

  #2C3D28

  #21263A

  #784D4C

  #051009
  Night Rider Triadic Color Scheme
• #332E2E

  #20392C

  #24313D

  #130D0D

  #416858
  Night Rider Split-complementary Color Scheme
• #332E2E

  #2C3D28

  #273E3E

  #38283D

  #784D4C
  Night Rider Tetradic Color Scheme
• #0F0F0F

  #0F0F0F

  #332E2E

  #5D5153

  #847975
  Night Rider Monochromatic Color Scheme

More Very Dark Gray complementary palettes

• #28282D

  #42426F

  #333322

  #12110E

  #777648
  Anthracite Complementary Color Scheme
• #293432

  #49716D

  #3C2126

  #130D0D

  #7A4B56
  Aztec Complementary Color Scheme
• #262926

  #476E42

  #391531

  #150811

  #724770
  Bitter Liquorice Complementary Color Scheme
• #2E2E2E

  #774645

  #203838

  #0F1012

  #487A7B
  Carbon Fibre Complementary Color Scheme
• #2B2C30

  #445172

  #3C3523

  #12110E

  #777146
  Caviar Complementary Color Scheme
• #333232

  #784848

  #273E3E

  #0F1012

  #537E7E
  Dark Charcoal Complementary Color Scheme
• #27252A

  #4D426E

  #2F2E1F

  #12110E

  #5A6E41
  Darth Vader Complementary Color Scheme
• #322C2B

  #734A45

  #213638

  #0F1012

  #4B7378
  Diesel Complementary Color Scheme
• #282828

  #684141

  #193232

  #0F1012

  #417074
  Dire Wolf Complementary Color Scheme
• #262A2B

  #46616E

  #2E211B

  #130D0D

  #705046
  Graphite Black Complementary Color Scheme
• #2C2A35

  #4B4775

  #393D2A

  #12110E

  #75794A
  Haiti Complementary Color Scheme
• #332F2C

  #745947

  #24313D

  #0F1012

  #4A657A
  Holy Crow Complementary Color Scheme