Café Noir Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #4b3621; /* Café Noir */
  --color-2: #224634; /* Birōdo Green */
  --color-3: #2e2249; /* Elderberry */
  --color-4: #956841; /* Gilded Glamour */
  --color-5: #0f180a; /* Pinch of Pepper */
}

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

  #234E4D

  #222244

  #16110D

  #358082
  Café Noir Split-complementary Color Scheme
• #4B3621

  #2A4F21

  #283849

  #4F284B

  #956841
  Café Noir Tetradic Color Scheme
• #130D07

  #16110D

  #4B3621

  #815D37

  #B38052
  Café Noir Monochromatic Color Scheme

More Dark Orange triadic palettes

• #6E544B

  #49764F

  #564375

  #AB8274

  #264334
  Afternoon Coffee Triadic Color Scheme
• #886B2E

  #35836A

  #65318E

  #C5A253

  #1B4D3E
  Aged Antics Triadic Color Scheme
• #99522B

  #229955

  #472E97

  #CC855A

  #165B31
  Ancient Chest Triadic Color Scheme
• #6C461F

  #166A45

  #441166

  #BB7838

  #0D2E1C
  Antique Brass Triadic Color Scheme
• #7D623C

  #3B7960

  #653D7C

  #B4966B

  #254636
  Autumn Gold Triadic Color Scheme
• #4E3E1F

  #1B4D3E

  #3F1D50

  #9B7939

  #0F1519
  Avocado Stone Triadic Color Scheme
• #6F5944

  #416858

  #594670

  #A78C71

  #274234
  Baby Bear Triadic Color Scheme
• #45392F

  #2E4B3C

  #382B46

  #8B6B51

  #141513
  Batch Brew Triadic Color Scheme
• #715145

  #477050

  #544173

  #AB8274

  #274234
  Bigfoot Triadic Color Scheme
• #6E4F3A

  #366C4E

  #513B6E

  #AC8262

  #20392C
  Bison Triadic Color Scheme
• #654B37

  #35654D

  #4D3466

  #A57C5B

  #1B3427
  Black Power Triadic Color Scheme
• #BB5511

  #11BB55

  #5500BB

  #EE8844

  #117733
  Bloodhound Triadic Color Scheme