Look Of Horror

Look Of Horror

4-color palette · Neutral · Dark · Complementary harmony

Look Of Horror

4-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify
Earthy 4 colors Neutral Dark Complementary dark red 2bit horror
Likes 318
Colors 4


CSS variables

:root {
  --c-earthy-1: #0A202F;
  --c-earthy-2: #302D6A;
  --c-earthy-3: #871C3E;
  --c-earthy-4: #D32836;
}

About this palette

This 4-color earthy palette runs from Chi-Gong (#D32836) as its lightest tone to The Count’s Black (#0A202F) as its darkest. It blends The Count’s Black, Deep Koamaru, Refined Chianti and Chi-Gong into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.


Color breakdown

The Count’s Black #0A202F
RGB
rgb(10, 32, 47)
HSL
hsl(204, 65%, 11%)
Luminance
0.013
Deep Koamaru #302D6A
RGB
rgb(48, 45, 106)
HSL
hsl(243, 40%, 30%)
Luminance
0.036
Refined Chianti #871C3E
RGB
rgb(135, 28, 62)
HSL
hsl(341, 66%, 32%)
Luminance
0.063
Chi-Gong #D32836
RGB
rgb(211, 40, 54)
HSL
hsl(355, 68%, 49%)
Luminance
0.156

Contrast & accessibility

0 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #0A202F on #D32836 3.27:1 AA Large
Aa #302D6A on #D32836 2.41:1 Fail
Aa #871C3E on #D32836 1.82:1 Fail
Aa #0A202F on #871C3E 1.80:1 Fail
Aa #0A202F on #302D6A 1.36:1 Fail
Aa #302D6A on #871C3E 1.33:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors