Choco Chic Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #993311; /* Choco Chic */
  --color-2: #3f9b0b; /* Grass Is Greener */
  --color-3: #0d789f; /* Mitchell Blue */
  --color-4: #720b98; /* Chinese Purple */
  --color-5: #e95e2a; /* Sunset Blaze */
}

Other schemes from Choco Chic

• #993311

  #E75323

  #0D789F

  #004455

  #2CB1EB
  Choco Chic Complementary Color Scheme
• #991177

  #991133

  #993311

  #967111

  #769C18
  Choco Chic Analogous Color Scheme
• #993311

  #009933

  #330099

  #E95E2A

  #0F521A
  Choco Chic Triadic Color Scheme
• #993311

  #0F9D76

  #113691

  #4E1B0B

  #11DDAA
  Choco Chic Split-complementary Color Scheme
• #1A0600

  #4E1B0B

  #993311

  #DD4411

  #EE7C54
  Choco Chic 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