Café Noir Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #4b3621; /* Café Noir */
  --color-2: #2a4f21; /* Chestnut Green */
  --color-3: #283849; /* In the Navy */
  --color-4: #4f284b; /* Murasaki */
  --color-5: #956841; /* Gilded Glamour */
}

Other schemes from Café Noir

• #4B3621

  #8C633C

  #283849

  #0B0F1A

  #436B95
  Café Noir Complementary Color Scheme
• #442238

  #4A2125

  #4B3621

  #4C4623

  #3E4826
  Café Noir Analogous Color Scheme
• #4B3621

  #224634

  #2E2249

  #956841

  #0F180A
  Café Noir Triadic Color Scheme
• #4B3621

  #234E4D

  #222244

  #16110D

  #358082
  Café Noir Split-complementary Color Scheme
• #130D07

  #16110D

  #4B3621

  #815D37

  #B38052
  Café Noir Monochromatic Color Scheme

More Dark Orange tetradic palettes

• #6E544B

  #517345

  #496A76

  #674876

  #AB8274
  Afternoon Coffee Tetradic Color Scheme
• #886B2E

  #288F3D

  #324A8B

  #883377

  #C5A253
  Aged Antics Tetradic Color Scheme
• #99522B

  #3E912D

  #277594

  #8B2A98

  #CC855A
  Ancient Chest Tetradic Color Scheme
• #6C461F

  #166D29

  #1E446E

  #691D6C

  #BB7838
  Antique Brass Tetradic Color Scheme
• #7D623C

  #3D7049

  #3A5779

  #6E3974

  #B4966B
  Autumn Gold Tetradic Color Scheme
• #4E3E1F

  #1E4D2B

  #1B3053

  #531745

  #9B7939
  Avocado Stone Tetradic Color Scheme
• #6F5944

  #476E42

  #435A6F

  #724770

  #A78C71
  Baby Bear Tetradic Color Scheme
• #45392F

  #36482F

  #2D3A49

  #452E4A

  #8B6B51
  Batch Brew Tetradic Color Scheme
• #715145

  #517345

  #406374

  #674876

  #AB8274
  Bigfoot Tetradic Color Scheme
• #6E4F3A

  #3D703E

  #3E586E

  #673E6E

  #AC8262
  Bison Tetradic Color Scheme
• #654B37

  #3E6334

  #3B5066

  #653B66

  #A57C5B
  Black Power Tetradic Color Scheme
• #BB5511

  #22BB11

  #0777BC

  #AC1DB8

  #EE8844
  Bloodhound Tetradic Color Scheme