Young Night Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #232323; /* Young Night */
  --color-2: #2f2e1f; /* Metal Construction Green */
  --color-3: #1e272c; /* Black Pearl */
  --color-4: #201b20; /* Night Demons */
  --color-5: #684141; /* Folklore */
}

Other schemes from Young Night

• #232323

  #623D3D

  #1E272C

  #0F1012

  #456F6E
  Young Night Complementary Color Scheme
• #2C1620

  #2C1620

  #232323

  #2E211B

  #2F2E1F
  Young Night Analogous Color Scheme
• #232323

  #1B2B1B

  #17182B

  #684141

  #051009
  Young Night Triadic Color Scheme
• #232323

  #142D25

  #1B2431

  #130D0D

  #355E4B
  Young Night Split-complementary Color Scheme
• #0F0F0F

  #0F0F0F

  #232323

  #484848

  #71706E
  Young Night Monochromatic Color Scheme

More Very Dark Gray tetradic palettes

• #28282D

  #352126

  #333322

  #24342A

  #4B4775
  Anthracite Tetradic Color Scheme
• #293432

  #262335

  #3C2126

  #333322

  #457973
  Aztec Tetradic Color Scheme
• #262926

  #1B2632

  #391531

  #35281E

  #476E42
  Bitter Liquorice Tetradic Color Scheme
• #2E2E2E

  #2C3D28

  #203838

  #2C2133

  #784848
  Carbon Fibre Tetradic Color Scheme
• #2B2C30

  #3C2233

  #3C3523

  #20392C

  #4C5079
  Caviar Tetradic Color Scheme
• #333232

  #2C3D28

  #273E3E

  #38283D

  #7F4E47
  Dark Charcoal Tetradic Color Scheme
• #27252A

  #3B1F23

  #2F2E1F

  #1B322C

  #594670
  Darth Vader Tetradic Color Scheme
• #322C2B

  #2C3D28

  #213638

  #352235

  #7B5349
  Diesel Tetradic Color Scheme
• #282828

  #2F2E1F

  #193232

  #2E183B

  #734342
  Dire Wolf Tetradic Color Scheme
• #262A2B

  #2E183B

  #2E211B

  #2F2E1F

  #4A6871
  Graphite Black Tetradic Color Scheme
• #2C2A35

  #372528

  #393D2A

  #203838

  #534A77
  Haiti Tetradic Color Scheme
• #332F2C

  #2C3D28

  #24313D

  #3A243B

  #7C5F4A
  Holy Crow Tetradic Color Scheme