Scree
#A5A298A cool, rocky grey inspired by the loose stone slopes on mountain hillsides.
Spec Sheet
Hex#A5A298
RGB165, 162, 152
HSL46°, 7%, 62%
On White 2.55: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: #F2F1ED Text: #211F17 Accent: #A5A298 Support: #40528C Neutral: #CDD2C1 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 Scree Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2F1ED;
--palette-ink: #211F17;
--palette-accent: #A5A298;
--palette-support: #40528C;
--palette-neutral: #CDD2C1;
}Tailwind Config
{
"palette-background": "#F2F1ED",
"palette-ink": "#211F17",
"palette-accent": "#A5A298",
"palette-support": "#40528C",
"palette-neutral": "#CDD2C1"
}Color Blindness Simulation
#A4A197
Protanopia#A5A298
Deuteranopia#A7A09F
TritanopiaBuild a design system around Scree.