Homestead Brown
#6E5F53An anchoring, deep brown shade that holds its character from swatch to full wall.
Spec Sheet
Hex#6E5F53
RGB110, 95, 83
HSL27°, 14%, 38%
On White 6.13:1 AA
On Black 3.42:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDEAE8 Text: #291E14 Accent: #6E5F53 Support: #528CBC Neutral: #C6C5AE Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Homestead Brown Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDEAE8;
--palette-ink: #291E14;
--palette-accent: #6E5F53;
--palette-support: #528CBC;
--palette-neutral: #C6C5AE;
}Tailwind Config
{
"palette-background": "#EDEAE8",
"palette-ink": "#291E14",
"palette-accent": "#6E5F53",
"palette-support": "#528CBC",
"palette-neutral": "#C6C5AE"
}Color Blindness Simulation
#646052
Protanopia#676353
Deuteranopia#735C5C
TritanopiaBuild a design system around Homestead Brown.