Sign Up Sign Up
TNR 8

TNR 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

TNR 8

8-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 8 colors Warm Mixed Complementary white red blue
Likes 167
Colors 8

CSS variables

:root {
  --c-earthy-1: #191E23;
  --c-earthy-2: #1F2545;
  --c-earthy-3: #412C35;
  --c-earthy-4: #63374A;
  --c-earthy-5: #A43838;
  --c-earthy-6: #E95050;
  --c-earthy-7: #FF8D99;
  --c-earthy-8: #FFD7D7;
}

About this palette

This 8-color earthy palette runs from We Peep (#FFD7D7) as its lightest tone to Satin Deep Black (#191E23) as its darkest. It blends Satin Deep Black, Fainting Light, Venous Blood Red, High Priest, Hibiscus Red, Fever, Conch Shell and We Peep into a single set you can drop straight into a UI. Of its 28 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #191E23 on #FFD7D7 at 12.75:1.

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

Color breakdown

Satin Deep Black #191E23
RGB
rgb(25, 30, 35)
HSL
hsl(210, 17%, 12%)
Luminance
0.013
Fainting Light #1F2545
RGB
rgb(31, 37, 69)
HSL
hsl(231, 38%, 20%)
Luminance
0.020
Venous Blood Red #412C35
RGB
rgb(65, 44, 53)
HSL
hsl(334, 19%, 21%)
Luminance
0.032
High Priest #63374A
RGB
rgb(99, 55, 74)
HSL
hsl(334, 29%, 30%)
Luminance
0.059
Hibiscus Red #A43838
RGB
rgb(164, 56, 56)
HSL
hsl(0, 49%, 43%)
Luminance
0.110
Fever #E95050
RGB
rgb(233, 80, 80)
HSL
hsl(0, 78%, 61%)
Luminance
0.236
Conch Shell #FF8D99
RGB
rgb(255, 141, 153)
HSL
hsl(354, 100%, 78%)
Luminance
0.426
We Peep #FFD7D7
RGB
rgb(255, 215, 215)
HSL
hsl(0, 100%, 92%)
Luminance
0.748

Contrast & accessibility

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

Aa #191E23 on #FFD7D7 12.75:1 AAA
Aa #1F2545 on #FFD7D7 11.32:1 AAA
Aa #412C35 on #FFD7D7 9.75:1 AAA
Aa #191E23 on #FF8D99 7.61:1 AAA
Aa #63374A on #FFD7D7 7.33:1 AAA
Aa #1F2545 on #FF8D99 6.76:1 AA
Aa #412C35 on #FF8D99 5.82:1 AA
Aa #A43838 on #FFD7D7 4.98:1 AA
Aa #191E23 on #E95050 4.58:1 AA
Aa #63374A on #FF8D99 4.38:1 AA Large
Aa #1F2545 on #E95050 4.07:1 AA Large
Aa #412C35 on #E95050 3.50:1 AA Large
Aa #A43838 on #FF8D99 2.97:1 Fail
Aa #E95050 on #FFD7D7 2.79:1 Fail
Aa #63374A on #E95050 2.63:1 Fail
Aa #191E23 on #A43838 2.56:1 Fail
Aa #1F2545 on #A43838 2.27:1 Fail
Aa #412C35 on #A43838 1.96:1 Fail
Aa #A43838 on #E95050 1.79:1 Fail
Aa #191E23 on #63374A 1.74:1 Fail
Aa #FF8D99 on #FFD7D7 1.68:1 Fail
Aa #E95050 on #FF8D99 1.66:1 Fail
Aa #1F2545 on #63374A 1.54:1 Fail
Aa #63374A on #A43838 1.47:1 Fail
Aa #412C35 on #63374A 1.33:1 Fail
Aa #191E23 on #412C35 1.31:1 Fail
Aa #1F2545 on #412C35 1.16:1 Fail
Aa #191E23 on #1F2545 1.13: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