Sign Up Sign Up
Not A Bauhaus, A Bauhome

Not A Bauhaus, A Bauhome

8-color palette · Warm · Mixed · Triadic harmony

Back to Library

Not A Bauhaus, A Bauhome

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

Modify
Earthy 8 colors Warm Mixed Triadic warm sunset retro eight
Likes 99
Colors 8

CSS variables

:root {
  --c-earthy-1: #150C21;
  --c-earthy-2: #332232;
  --c-earthy-3: #703C67;
  --c-earthy-4: #5A2D2A;
  --c-earthy-5: #B15B35;
  --c-earthy-6: #EAA44A;
  --c-earthy-7: #F0CE6E;
  --c-earthy-8: #FCF8F4;
}

About this palette

This 8-color earthy palette runs from Unbleached (#FCF8F4) as its lightest tone to Corbeau (#150C21) as its darkest. It blends Corbeau, Zero Gravity, Burnt Orchid, Bratwurst, Monument Valley, Golden Koi, Funky Yellow and Unbleached into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #150C21 on #FCF8F4 at 17.96:1.

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

Color breakdown

Corbeau #150C21
RGB
rgb(21, 12, 33)
HSL
hsl(266, 47%, 9%)
Luminance
0.005
Zero Gravity #332232
RGB
rgb(51, 34, 50)
HSL
hsl(304, 20%, 17%)
Luminance
0.021
Burnt Orchid #703C67
RGB
rgb(112, 60, 103)
HSL
hsl(310, 30%, 34%)
Luminance
0.077
Bratwurst #5A2D2A
RGB
rgb(90, 45, 42)
HSL
hsl(4, 36%, 26%)
Luminance
0.042
Monument Valley #B15B35
RGB
rgb(177, 91, 53)
HSL
hsl(18, 54%, 45%)
Luminance
0.171
Golden Koi #EAA44A
RGB
rgb(234, 164, 74)
HSL
hsl(34, 79%, 60%)
Luminance
0.445
Funky Yellow #F0CE6E
RGB
rgb(240, 206, 110)
HSL
hsl(44, 81%, 69%)
Luminance
0.638
Unbleached #FCF8F4
RGB
rgb(252, 248, 244)
HSL
hsl(30, 57%, 97%)
Luminance
0.944

Contrast & accessibility

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

Aa #150C21 on #FCF8F4 17.96:1 AAA
Aa #332232 on #FCF8F4 14.04:1 AAA
Aa #150C21 on #F0CE6E 12.44:1 AAA
Aa #5A2D2A on #FCF8F4 10.78:1 AAA
Aa #332232 on #F0CE6E 9.72:1 AAA
Aa #150C21 on #EAA44A 8.95:1 AAA
Aa #703C67 on #FCF8F4 7.85:1 AAA
Aa #5A2D2A on #F0CE6E 7.46:1 AAA
Aa #332232 on #EAA44A 7.00:1 AAA
Aa #703C67 on #F0CE6E 5.44:1 AA
Aa #5A2D2A on #EAA44A 5.37:1 AA
Aa #B15B35 on #FCF8F4 4.50:1 AA
Aa #150C21 on #B15B35 3.99:1 AA Large
Aa #703C67 on #EAA44A 3.91:1 AA Large
Aa #332232 on #B15B35 3.12:1 AA Large
Aa #B15B35 on #F0CE6E 3.11:1 AA Large
Aa #5A2D2A on #B15B35 2.40:1 Fail
Aa #150C21 on #703C67 2.29:1 Fail
Aa #B15B35 on #EAA44A 2.24:1 Fail
Aa #EAA44A on #FCF8F4 2.01:1 Fail
Aa #332232 on #703C67 1.79:1 Fail
Aa #703C67 on #B15B35 1.75:1 Fail
Aa #150C21 on #5A2D2A 1.67:1 Fail
Aa #F0CE6E on #FCF8F4 1.44:1 Fail
Aa #EAA44A on #F0CE6E 1.39:1 Fail
Aa #703C67 on #5A2D2A 1.37:1 Fail
Aa #332232 on #5A2D2A 1.30:1 Fail
Aa #150C21 on #332232 1.28: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