Cold and Dark Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #154250; /* Cold and Dark */
  --color-2: #2d7e96; /* Valley of Glaciers */
  --color-3: #552211; /* Peaty Brown */
  --color-4: #130a06; /* Asphalt */
  --color-5: #a64826; /* Potter’s Clay */
}

Other schemes from Cold and Dark

• #1C5022

  #184D43

  #154250

  #112255

  #221155
  Cold and Dark Analogous Color Scheme
• #154250

  #531745

  #48531A

  #218BA0

  #180614
  Cold and Dark Triadic Color Scheme
• #154250

  #4C1C24

  #444411

  #0C121B

  #902A40
  Cold and Dark Split-complementary Color Scheme
• #154250

  #431C53

  #552211

  #225511

  #218BA0
  Cold and Dark Tetradic Color Scheme
• #0C121B

  #0C121B

  #154250

  #277594

  #36A5C9
  Cold and Dark Monochromatic Color Scheme

More Very Dark Teal complementary palettes

• #005765

  #00AAC1

  #661100

  #1D0200

  #CC1100
  Abyssal Waters Complementary Color Scheme
• #0F282F

  #206174

  #2F1611

  #130A06

  #7B3728
  Black Box Complementary Color Scheme
• #0E191C

  #294F58

  #1A1110

  #130D07

  #603932
  Black Stallion Complementary Color Scheme
• #12403C

  #20887A

  #441111

  #130A06

  #922A31
  Botanical Night Complementary Color Scheme
• #01554F

  #0AAFA4

  #550000

  #1D0200

  #BB0011
  Cape Verde Complementary Color Scheme
• #133337

  #2A7279

  #341515

  #130A06

  #87382F
  Elite Teal Complementary Color Scheme
• #005F5B

  #0ABAB5

  #550000

  #1D0200

  #C30305
  Mosque Complementary Color Scheme
• #004F63

  #0094BB

  #661100

  #1A0600

  #CC2200
  Raging Thunderstorm Complementary Color Scheme
• #004040

  #009A9E

  #410200

  #1D0200

  #A60000
  Rich Black Complementary Color Scheme
• #1C3B42

  #347284

  #46221B

  #130D07

  #8B483D
  Royal Neptune Complementary Color Scheme
• #1C3D44

  #367588

  #46221B

  #130D07

  #8E473B
  Sunken Harbour Complementary Color Scheme
• #10252A

  #22606E

  #2F1611

  #130A06

  #76392E
  Sunken Ship Complementary Color Scheme