Cold and Dark Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #154250; /* Cold and Dark */
  --color-2: #431c53; /* Plunged Into Darkness */
  --color-3: #552211; /* Peaty Brown */
  --color-4: #225511; /* Patch of Land */
  --color-5: #218ba0; /* Waikiki */
}

Other schemes from Cold and Dark

• #154250

  #2D7E96

  #552211

  #130A06

  #A64826
  Cold and Dark Complementary Color Scheme
• #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
• #0C121B

  #0C121B

  #154250

  #277594

  #36A5C9
  Cold and Dark Monochromatic Color Scheme

More Very Dark Teal tetradic palettes

• #005765

  #4B006E

  #661100

  #226600

  #06A9CA
  Abyssal Waters Tetradic Color Scheme
• #0F282F

  #2B0F2E

  #2F1611

  #113311

  #276878
  Black Box Tetradic Color Scheme
• #0E191C

  #1D0D1D

  #1A1110

  #0F180A

  #2F5961
  Black Stallion Tetradic Color Scheme
• #12403C

  #221144

  #441111

  #304112

  #2B8C8A
  Botanical Night Tetradic Color Scheme
• #01554F

  #220055

  #550000

  #335500

  #00BBAA
  Cape Verde Tetradic Color Scheme
• #133337

  #221133

  #341515

  #223311

  #327A88
  Elite Teal Tetradic Color Scheme
• #005F5B

  #340059

  #550000

  #335500

  #00CCBB
  Mosque Tetradic Color Scheme
• #004F63

  #4B006E

  #661100

  #11610F

  #01A2C6
  Raging Thunderstorm Tetradic Color Scheme
• #004040

  #220044

  #410200

  #334400

  #00A4A6
  Rich Black Tetradic Color Scheme
• #1C3B42

  #32174D

  #46221B

  #21421E

  #3C768A
  Royal Neptune Tetradic Color Scheme
• #1C3D44

  #32174D

  #46221B

  #2F441F

  #3C7D90
  Sunken Harbour Tetradic Color Scheme
• #10252A

  #221122

  #2F1611

  #172713

  #2E6676
  Sunken Ship Tetradic Color Scheme