Quarry Rock
#616964Rooted and commanding, this green holds mineral complexity beneath its organic appearance.
Spec Sheet
Hex#616964
RGB97, 105, 100
HSL143°, 4%, 40%
On White 5.66:1 AA
On Black 3.71:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F4F2 Text: #162C1F Accent: #616964 Support: #894870 Neutral: #C4CFCE 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 Quarry Rock Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F4F2;
--palette-ink: #162C1F;
--palette-accent: #616964;
--palette-support: #894870;
--palette-neutral: #C4CFCE;
}Tailwind Config
{
"palette-background": "#F1F4F2",
"palette-ink": "#162C1F",
"palette-accent": "#616964",
"palette-support": "#894870",
"palette-neutral": "#C4CFCE"
}Color Blindness Simulation
#696864
Protanopia#676764
Deuteranopia#606967
TritanopiaBuild a design system around Quarry Rock.