Diesel Tetradic Color Scheme

Five colors arranged by the tetradic rule around Diesel (#322C2B), each snapped to its nearest named color.

#322C2B

#2C3D28

#213638

#352235

#7B5349

Color names and codes

Name	HEX	RGB	HSL	CMYK
Diesel	`#322C2B`	50, 44, 43	9°, 8%, 18%	0, 12, 14, 80
Gothic Horror	`#2C3D28`	44, 61, 40	109°, 21%, 20%	28, 0, 34, 76
Cruel Sea	`#213638`	33, 54, 56	185°, 26%, 17%	41, 4, 0, 78
Fat Tuesday	`#352235`	53, 34, 53	300°, 22%, 17%	0, 36, 0, 79
Vandyck Brown	`#7B5349`	123, 83, 73	12°, 26%, 38%	0, 33, 41, 52

Which pairs work for text

Text on background	Contrast	WCAG
Aa #352235 on #7B5349	2.22:1	—
Aa #322C2B on #7B5349	2.07:1	—
Aa #213638 on #7B5349	1.93:1	—
Aa #2C3D28 on #7B5349	1.76:1	—
Aa #2C3D28 on #352235	1.26:1	—
Aa #322C2B on #2C3D28	1.18:1	—

CSS variables

:root {
  --color-1: #322c2b; /* Diesel */
  --color-2: #2c3d28; /* Gothic Horror */
  --color-3: #213638; /* Cruel Sea */
  --color-4: #352235; /* Fat Tuesday */
  --color-5: #7b5349; /* Vandyck Brown */
}

Other schemes from Diesel

More Very Dark Gray tetradic palettes

Questions

What colors go with Diesel?

In a tetradic scheme: Gothic Horror (#2C3D28), Cruel Sea (#213638), Fat Tuesday (#352235), Vandyck Brown (#7B5349).

What is the hex code of Diesel?

#322C2B.