Sign Up Sign Up
Haunted Hues

Haunted Hues

11-color palette · Warm · Mixed · Triadic harmony

Back to Library

Haunted Hues

11-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 11 colors Warm Mixed Triadic pixelart orange fall night
Likes 36
Colors 11

CSS variables

:root {
  --c-earthy-1: #0C000C;
  --c-earthy-2: #605769;
  --c-earthy-3: #868192;
  --c-earthy-4: #A2A8B2;
  --c-earthy-5: #F8E968;
  --c-earthy-6: #FFA75E;
  --c-earthy-7: #C36754;
  --c-earthy-8: #993D55;
  --c-earthy-9: #702D51;
  --c-earthy-10: #4A2957;
  --c-earthy-11: #411C41;
}

About this palette

This 11-color earthy palette runs from Yellowish (#F8E968) as its lightest tone to Glossy Black (#0C000C) as its darkest. It blends Glossy Black, Darkest Grape, Formal Affair, Chateau de Chillon, Yellowish, Peaches à la Crème, Sedona Canyon, Algae Red, Bordeaux Red, Deep Plum and Purple Void into a single set you can drop straight into a UI. Of its 55 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0C000C on #F8E968 at 16.5:1.

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

Color breakdown

Glossy Black #0C000C
RGB
rgb(12, 0, 12)
HSL
hsl(300, 100%, 2%)
Luminance
0.001
Darkest Grape #605769
RGB
rgb(96, 87, 105)
HSL
hsl(270, 9%, 38%)
Luminance
0.103
Formal Affair #868192
RGB
rgb(134, 129, 146)
HSL
hsl(258, 7%, 54%)
Luminance
0.228
Chateau de Chillon #A2A8B2
RGB
rgb(162, 168, 178)
HSL
hsl(218, 9%, 67%)
Luminance
0.389
Yellowish #F8E968
RGB
rgb(248, 233, 104)
HSL
hsl(54, 91%, 69%)
Luminance
0.792
Peaches à la Crème #FFA75E
RGB
rgb(255, 167, 94)
HSL
hsl(27, 100%, 68%)
Luminance
0.497
Sedona Canyon #C36754
RGB
rgb(195, 103, 84)
HSL
hsl(10, 48%, 55%)
Luminance
0.219
Algae Red #993D55
RGB
rgb(153, 61, 85)
HSL
hsl(344, 43%, 42%)
Luminance
0.108
Bordeaux Red #702D51
RGB
rgb(112, 45, 81)
HSL
hsl(328, 43%, 31%)
Luminance
0.059
Deep Plum #4A2957
RGB
rgb(74, 41, 87)
HSL
hsl(283, 36%, 25%)
Luminance
0.037
Purple Void #411C41
RGB
rgb(65, 28, 65)
HSL
hsl(300, 40%, 18%)
Luminance
0.023

Contrast & accessibility

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

Aa #0C000C on #F8E968 16.50:1 AAA
Aa #F8E968 on #411C41 11.48:1 AAA
Aa #0C000C on #FFA75E 10.72:1 AAA
Aa #F8E968 on #4A2957 9.65:1 AAA
Aa #0C000C on #A2A8B2 8.60:1 AAA
Aa #F8E968 on #702D51 7.72:1 AAA
Aa #FFA75E on #411C41 7.46:1 AAA
Aa #FFA75E on #4A2957 6.27:1 AA
Aa #A2A8B2 on #411C41 5.98:1 AA
Aa #605769 on #F8E968 5.50:1 AA
Aa #0C000C on #868192 5.45:1 AA
Aa #F8E968 on #993D55 5.34:1 AA
Aa #0C000C on #C36754 5.28:1 AA
Aa #A2A8B2 on #4A2957 5.03:1 AA
Aa #FFA75E on #702D51 5.01:1 AA
Aa #A2A8B2 on #702D51 4.02:1 AA Large
Aa #868192 on #411C41 3.80:1 AA Large
Aa #C36754 on #411C41 3.67:1 AA Large
Aa #605769 on #FFA75E 3.57:1 AA Large
Aa #FFA75E on #993D55 3.47:1 AA Large
Aa #868192 on #4A2957 3.19:1 AA Large
Aa #F8E968 on #C36754 3.13:1 AA Large
Aa #0C000C on #993D55 3.09:1 AA Large
Aa #C36754 on #4A2957 3.09:1 AA Large
Aa #868192 on #F8E968 3.03:1 AA Large
Aa #0C000C on #605769 3.00:1 AA Large
Aa #605769 on #A2A8B2 2.87:1 Fail
Aa #A2A8B2 on #993D55 2.78:1 Fail
Aa #868192 on #702D51 2.55:1 Fail
Aa #C36754 on #702D51 2.47:1 Fail
Aa #993D55 on #411C41 2.15:1 Fail
Aa #0C000C on #702D51 2.14:1 Fail
Aa #605769 on #411C41 2.09:1 Fail
Aa #FFA75E on #C36754 2.03:1 Fail
Aa #868192 on #FFA75E 1.96:1 Fail
Aa #A2A8B2 on #F8E968 1.92:1 Fail
Aa #605769 on #868192 1.82:1 Fail
Aa #993D55 on #4A2957 1.81:1 Fail
Aa #868192 on #993D55 1.77:1 Fail
Aa #605769 on #C36754 1.76:1 Fail
Aa #605769 on #4A2957 1.76:1 Fail
Aa #0C000C on #4A2957 1.71:1 Fail
Aa #C36754 on #993D55 1.71:1 Fail
Aa #A2A8B2 on #C36754 1.63:1 Fail
Aa #868192 on #A2A8B2 1.58:1 Fail
Aa #F8E968 on #FFA75E 1.54:1 Fail
Aa #702D51 on #411C41 1.49:1 Fail
Aa #0C000C on #411C41 1.44:1 Fail
Aa #993D55 on #702D51 1.44:1 Fail
Aa #605769 on #702D51 1.40:1 Fail
Aa #A2A8B2 on #FFA75E 1.25:1 Fail
Aa #702D51 on #4A2957 1.25:1 Fail
Aa #4A2957 on #411C41 1.19:1 Fail
Aa #605769 on #993D55 1.03:1 Fail
Aa #868192 on #C36754 1.03:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors