Highlands Green
#3B7E6FRooted and saturated, this green holds cool complexity beneath its organic appearance.
Spec Sheet
Hex#3B7E6F
RGB59, 126, 111
HSL167°, 36%, 36%
On White 4.77:1 AA
On Black 4.4:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAF0EF Text: #202D2A Accent: #3B7E6F Support: #A16875 Neutral: #C9D1D4 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 Highlands Green Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAF0EF;
--palette-ink: #202D2A;
--palette-accent: #3B7E6F;
--palette-support: #A16875;
--palette-neutral: #C9D1D4;
}Tailwind Config
{
"palette-background": "#EAF0EF",
"palette-ink": "#202D2A",
"palette-accent": "#3B7E6F",
"palette-support": "#A16875",
"palette-neutral": "#C9D1D4"
}Color Blindness Simulation
#7A776E
Protanopia#6F6F70
Deuteranopia#1A8079
TritanopiaBuild a design system around Highlands Green.