Stone 4
#B0A38CQuadruple the formula of Stone 1, achieving a deeper warm stone character while maintaining the same perfect balance of brown and yellow.
Spec Sheet
Hex#B0A38C
RGB176, 163, 140
HSL38°, 19%, 62%
On White 2.48:1 Fail
On Black 8.46:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEEEC Text: #221C11 Accent: #B0A38C Support: #586D93 Neutral: #BCBFAB 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 Stone 4 Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEEEC;
--palette-ink: #221C11;
--palette-accent: #B0A38C;
--palette-support: #586D93;
--palette-neutral: #BCBFAB;
}Tailwind Config
{
"palette-background": "#EFEEEC",
"palette-ink": "#221C11",
"palette-accent": "#B0A38C",
"palette-support": "#586D93",
"palette-neutral": "#BCBFAB"
}Color Blindness Simulation
#A9A28B
Protanopia#ACA68D
Deuteranopia#B69F9D
TritanopiaBuild a design system around Stone 4.