Jurassic Stone
#AFA08AA warm stone neutral inspired by the Dorset coastline. Substantial and grounding — it anchors a room without dominating.
Spec Sheet
Hex#AFA08A
RGB175, 160, 138
HSL36°, 19%, 61%
On White 2.56:1 Fail
On Black 8.22:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F7F5F3 Text: #312617 Accent: #AFA08A Support: #40649C Neutral: #BDBFB0 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 Jurassic Stone Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F7F5F3;
--palette-ink: #312617;
--palette-accent: #AFA08A;
--palette-support: #40649C;
--palette-neutral: #BDBFB0;
}Tailwind Config
{
"palette-background": "#F7F5F3",
"palette-ink": "#312617",
"palette-accent": "#AFA08A",
"palette-support": "#40649C",
"palette-neutral": "#BDBFB0"
}Color Blindness Simulation
#A6A089
Protanopia#AAA38B
Deuteranopia#B69C9A
TritanopiaBuild a design system around Jurassic Stone.