Hushed Pine color palette — #DEE6FC · #007C8E · #007543 · #010E0D · #000201
Built around Pine, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Frost (#DEE6FC): A whisper-light, dusty violet — the color of wild irises.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#007543): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#010E0D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Hushed Pine into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Sapphire Parlor color palette (#E2E7D3, #006BD3, #006F76, #060D12, #000102)
- Timeworn Cypress color palette (#D7EAEC, #007A63, #1E4058, #003227, #000102)
- Lagoon Quarry color palette (#D9E0FA, #0098BE, #009468, #00150C, #010200)
- Dusty Abyss color palette (#DFE8EA, #8EA4AB, #568395, #00403B, #000507)
- Frosted Byzantium Veranda color palette (#FFE8F2, #9E3DFF, #007BAB, #000A13, #000103)
- Pale Iris color palette (#FFE7F1, #9678FF, #4B6F00, #021209, #020200)
- Worn Atelier color palette (#E7F2DC, #5F8EFF, #0097A8, #06151E, #000407)
- Gentle Grove color palette (#FFE3E8, #3B96FF, #789300, #050B06, #000201)
Browse the whole catalog at Explore, or see today's palette.