Noir Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #312b27; /* Noir */
  --color-2: #705742; /* Cinnamon Crumble */
  --color-3: #232f36; /* Freinacht Black */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #476476; /* Winter Evening */
}

Other schemes from Noir

• #3C202F

  #352126

  #312B27

  #333322

  #2E3222
  Noir Analogous Color Scheme
• #312B27

  #20392C

  #2C2133

  #775C47

  #0F1012
  Noir Triadic Color Scheme
• #312B27

  #213638

  #222233

  #130D0D

  #3C6461
  Noir Split-complementary Color Scheme
• #312B27

  #283123

  #232F36

  #352235

  #775C47
  Noir Tetradic Color Scheme
• #0F0F0F

  #0F0F0F

  #312B27

  #5D504A

  #847569
  Noir 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