Catch of the Day Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #6c685e; /* Catch of the Day */
  --color-2: #b19d77; /* Ginger Tea */
  --color-3: #4d5a7e; /* Dark Iris */
  --color-4: #303b4c; /* Dark Spell */
  --color-5: #7b8eb0; /* Ashton Skies */
}

Other schemes from Catch of the Day

• #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
• #6C685E

  #4C785C

  #4D5A7E

  #7F4774

  #B0A67E
  Catch of the Day Tetradic Color Scheme
• #191916

  #44413B

  #6C685E

  #948F82

  #B8B5AD
  Catch of the Day Monochromatic Color Scheme

More Dark Gray complementary palettes

• #3C3535

  #814D50

  #2A4845

  #0F1519

  #558484
  After Dark Complementary Color Scheme
• #38393F

  #545883

  #48452B

  #1B1811

  #898253
  After Midnight Complementary Color Scheme
• #455454

  #599C99

  #613936

  #351E1C

  #9D6663
  All Nighter Complementary Color Scheme
• #444B43

  #5B984F

  #533958

  #2C1620

  #875F9A
  Ancient Pine Complementary Color Scheme
• #484A46

  #769358

  #4B365F

  #201B20

  #7B5D92
  Armadillo Complementary Color Scheme
• #3B444B

  #57748D

  #544333

  #251B19

  #957258
  Arsenic Complementary Color Scheme
• #37393E

  #4C5E87

  #48412B

  #16160E

  #8B7753
  Artist’s Charcoal Complementary Color Scheme
• #5F5854

  #A17F67

  #46616E

  #243640

  #7195A6
  Bark Complementary Color Scheme
• #5E6354

  #90A96E

  #564375

  #2F2A41

  #8A6FA9
  Black Forest Complementary Color Scheme
• #4F4554

  #845998

  #47613C

  #2F2E1F

  #779966
  Black Magic Complementary Color Scheme
• #3B3C36

  #77824A

  #2E2848

  #0B0F1A

  #5A4E88
  Black Olive Complementary Color Scheme
• #525463

  #6C71A6

  #6E6A44

  #423D27

  #ADA274
  Black Orchid Complementary Color Scheme