Haiti Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #2c2a35; /* Haiti */
  --color-2: #4b4775; /* Dramatist */
  --color-3: #393d2a; /* Green Kelp */
  --color-4: #12110e; /* Sinister */
  --color-5: #75794a; /* Verdant Views */
}

Other schemes from Haiti

• #213638

  #272A3B

  #2C2A35

  #3A243B

  #3B2736
  Haiti Analogous Color Scheme
• #2C2A35

  #3E2723

  #20392C

  #534A77

  #130D0D
  Haiti Triadic Color Scheme
• #2C2A35

  #3C3523

  #2C3D28

  #0B0C14

  #665E43
  Haiti Split-complementary Color Scheme
• #2C2A35

  #372528

  #393D2A

  #203838

  #534A77
  Haiti Tetradic Color Scheme
• #0F0F0F

  #0F0F0F

  #2C2A35

  #4E4E63

  #746C8F
  Haiti Monochromatic Color Scheme

More Very Dark Gray complementary palettes

• #28282D

  #42426F

  #333322

  #12110E

  #777648
  Anthracite Complementary Color Scheme
• #293432

  #49716D

  #3C2126

  #130D0D

  #7A4B56
  Aztec Complementary Color Scheme
• #262926

  #476E42

  #391531

  #150811

  #724770
  Bitter Liquorice Complementary Color Scheme
• #2E2E2E

  #774645

  #203838

  #0F1012

  #487A7B
  Carbon Fibre Complementary Color Scheme
• #2B2C30

  #445172

  #3C3523

  #12110E

  #777146
  Caviar Complementary Color Scheme
• #333232

  #784848

  #273E3E

  #0F1012

  #537E7E
  Dark Charcoal Complementary Color Scheme
• #27252A

  #4D426E

  #2F2E1F

  #12110E

  #5A6E41
  Darth Vader Complementary Color Scheme
• #322C2B

  #734A45

  #213638

  #0F1012

  #4B7378
  Diesel Complementary Color Scheme
• #282828

  #684141

  #193232

  #0F1012

  #417074
  Dire Wolf Complementary Color Scheme
• #262A2B

  #46616E

  #2E211B

  #130D0D

  #705046
  Graphite Black Complementary Color Scheme
• #332F2C

  #745947

  #24313D

  #0F1012

  #4A657A
  Holy Crow Complementary Color Scheme
• #252024

  #613A57

  #1B2B1B

  #0F0F0F

  #446D46
  Ink Black Complementary Color Scheme