Catch of the Day Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #6c685e; /* Catch of the Day */
  --color-2: #4c785c; /* Como */
  --color-3: #4d5a7e; /* Dark Iris */
  --color-4: #7f4774; /* Magic Magenta */
  --color-5: #b0a67e; /* Sedia */
}

Other schemes from Catch of the Day

• #6C685E

  #B19D77

  #4D5A7E

  #303B4C

  #7B8EB0
  Catch of the Day Complementary Color Scheme
• #7B4F5D

  #7B5847

  #6C685E

  #767A49

  #5F7F4B
  Catch of the Day Analogous Color Scheme
• #6C685E

  #497F73

  #724C7B

  #B0A67E

  #305144
  Catch of the Day Triadic Color Scheme
• #6C685E

  #49747F

  #57487F

  #4B4433

  #6C9DA9
  Catch of the Day Split-complementary Color Scheme
• #191916

  #44413B

  #6C685E

  #948F82

  #B8B5AD
  Catch of the Day Monochromatic Color Scheme

More Dark Gray tetradic palettes

• #3C3535

  #36482F

  #2A4845

  #382B46

  #875251
  After Dark Tetradic Color Scheme
• #38393F

  #443240

  #48452B

  #2E4E36

  #545989
  After Midnight Tetradic Color Scheme
• #455454

  #4A3C62

  #613936

  #4A623B

  #649C97
  All Nighter Tetradic Color Scheme
• #444B43

  #334B58

  #533958

  #594537

  #6A9D5D
  Ancient Pine Tetradic Color Scheme
• #484A46

  #355859

  #4B365F

  #5D3736

  #7A9C58
  Armadillo Tetradic Color Scheme
• #3B444B

  #543254

  #544333

  #2E4E36

  #5C7B97
  Arsenic Tetradic Color Scheme
• #37393E

  #452E4A

  #48412B

  #2D4436

  #516582
  Artist’s Charcoal Tetradic Color Scheme
• #5F5854

  #476E42

  #46616E

  #62416D

  #AB856F
  Bark Tetradic Color Scheme
• #5E6354

  #49716D

  #564375

  #70474B

  #99AF73
  Black Forest Tetradic Color Scheme
• #4F4554

  #63403A

  #47613C

  #3B5861

  #86619F
  Black Magic Tetradic Color Scheme
• #3B3C36

  #2E4B3C

  #2E2848

  #492A34

  #7F8353
  Black Olive Tetradic Color Scheme
• #525463

  #754260

  #6E6A44

  #477050

  #777BA9
  Black Orchid Tetradic Color Scheme