Cappuccino Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #704a3a; /* Cappuccino */
  --color-2: #3d7049; /* Parsley Sprig */
  --color-3: #4a3b6a; /* Meteorite */
  --color-4: #aa7b65; /* Tawny Birch */
  --color-5: #20392c; /* Palm Green */
}

Other schemes from Cappuccino

• #704A3A

  #AD735A

  #386171

  #24313D

  #6198AE
  Cappuccino Complementary Color Scheme
• #6C3461

  #6F3942

  #704A3A

  #6F6138

  #607038
  Cappuccino Analogous Color Scheme
• #704A3A

  #376D64

  #3C4670

  #3B2820

  #53A391
  Cappuccino Split-complementary Color Scheme
• #704A3A

  #4B6E3B

  #386171

  #623B70

  #AA7B65
  Cappuccino Tetradic Color Scheme
• #130D07

  #3B2820

  #704A3A

  #A16954

  #BB9683
  Cappuccino 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