Earth Palette
Natural earthy brown tones
Color Swatches
#5C4033rgb(92, 64, 51)
#8B6914rgb(139, 105, 20)
#A0522Drgb(160, 82, 45)
#CD853Frgb(205, 133, 63)
#DEB887rgb(222, 184, 135)
CSS Variables
:root {
--palette-1: #5C4033;
--palette-2: #8B6914;
--palette-3: #A0522D;
--palette-4: #CD853F;
--palette-5: #DEB887;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#5C4033",
2: "#8B6914",
3: "#A0522D",
4: "#CD853F",
5: "#DEB887",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility