Dark Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #1b2431; /* Dark */
  --color-2: #391531; /* Nightly Voyager */
  --color-3: #35281e; /* Cocoa Brown */
  --color-4: #1b2b1b; /* Kuro Green */
  --color-5: #3f586e; /* Inlet Harbour */
}

Other schemes from Dark

• #1B2431

  #3C4F6E

  #35281E

  #16110D

  #715D3D
  Dark Complementary Color Scheme
• #1B3427

  #193232

  #1B2431

  #151931

  #2E183B
  Dark Analogous Color Scheme
• #1B2431

  #2C1620

  #223311

  #3F586E

  #130D0D
  Dark Triadic Color Scheme
• #1B2431

  #351E1C

  #2F2E1F

  #0B0C14

  #613936
  Dark Split-complementary Color Scheme
• #0B0C14

  #0B0C14

  #1B2431

  #3A4A62

  #4E6F95
  Dark Monochromatic Color Scheme

More Very Dark Blue tetradic palettes

• #203943

  #332244

  #442D21

  #2A4F21

  #447788
  Astral Nomad Tetradic Color Scheme
• #211D49

  #4B1C35

  #48531A

  #1B4B35

  #4B3C8E
  Azulado Tetradic Color Scheme
• #0A3251

  #4E0550

  #4A290D

  #0B5509

  #126DA8
  Beyond the Stars Tetradic Color Scheme
• #1E272C

  #391531

  #2E211B

  #1B2B1B

  #435A6F
  Black Pearl Tetradic Color Scheme
• #222233

  #352126

  #333322

  #24342A

  #4B4775
  Black Velvet Tetradic Color Scheme
• #1E3442

  #3F1D50

  #452C1F

  #21421E

  #3D6D84
  Blue Whale Tetradic Color Scheme
• #242A2E

  #2E183B

  #35281E

  #2F2E1F

  #466174
  Cinder Tetradic Color Scheme
• #111122

  #201819

  #222211

  #12221D

  #343467
  Corbeau Tetradic Color Scheme
• #112244

  #43182F

  #4D3113

  #114411

  #244E94
  Dark Eclipse Tetradic Color Scheme
• #151931

  #2C1620

  #333311

  #0D2E1C

  #333C76
  Dark Knight Tetradic Color Scheme
• #112255

  #531745

  #444411

  #1C5022

  #214DAA
  Dark Soul Tetradic Color Scheme
• #111144

  #441122

  #444411

  #17462E

  #312297
  Deadly Depths Tetradic Color Scheme