Night Rider Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #3a243b; /* Kokimurasaki Purple */
  --color-2: #3e2631; /* Toledo */
  --color-3: #332e2e; /* Night Rider */
  --color-4: #3c3024; /* Cola Bubble */
  --color-5: #3f3925; /* Magic Metal */
}

Other schemes from Night Rider

• #332E2E

  #784848

  #273E3E

  #0F1012

  #487A7B
  Night Rider Complementary 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 analogous palettes

• #213638

  #242933

  #28282D

  #2C2133

  #352235
  Anthracite Analogous Color Scheme
• #2C3D28

  #20392C

  #293432

  #24313D

  #21263A
  Aztec Analogous Color Scheme
• #2F2E1F

  #2F2E1F

  #262926

  #1B3427

  #193232
  Bitter Liquorice Analogous Color Scheme
• #3A243B

  #3C202F

  #2E2E2E

  #3C2F23

  #3F3925
  Carbon Fibre Analogous Color Scheme
• #203838

  #24313D

  #2B2C30

  #262335

  #352235
  Caviar Analogous Color Scheme
• #3A243B

  #3E2631

  #333232

  #3C3024

  #3E3D29
  Dark Charcoal Analogous Color Scheme
• #1B2632

  #1F2133

  #27252A

  #2E183B

  #3B1F23
  Darth Vader Analogous Color Scheme
• #3A243B

  #372528

  #322C2B

  #393121

  #3F3925
  Diesel Analogous Color Scheme
• #2E183B

  #3B1F23

  #282828

  #35281E

  #2F2E1F
  Dire Wolf Analogous Color Scheme
• #1B3427

  #1C352D

  #262A2B

  #1E2433

  #281F3F
  Graphite Black Analogous Color Scheme
• #213638

  #272A3B

  #2C2A35

  #3A243B

  #3B2736
  Haiti Analogous Color Scheme
• #3C2233

  #3C2126

  #332F2C

  #3F3925

  #2C3D28
  Holy Crow Analogous Color Scheme