Hushed Pine color palette — #ECF0DF · #399055 · #007B93 · #735600 · #001A07
A conversation between Fern and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF0DF): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#399055): A full-bodied, balanced teal — the color of sea glass.
- Teal (#007B93): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#735600): A full-bodied, balanced gold — the color of old brass.
- Ink (#001A07): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Hazy Olive Courtyard color palette (#E7E4C8, #708721, #007F78, #8B4600, #181400)
- Cobalt Bloom color palette (#DBE6D9, #008F85, #016EC9, #536400, #041A01)
- Dusty Lapis Villa color palette (#C5EAF2, #008092, #5128FF, #00641B, #001115)
- Teal Hollow color palette (#E4FAD2, #56B8A0, #007961, #004032, #00100B)
- Violet Field color palette (#BFF2DD, #008EC2, #8751D3, #007355, #001B28)
- Pine Hollow color palette (#EBF6E2, #AAE4DC, #70BBBE, #037F4C, #17280D)
- Patina Pine color palette (#E4F8EA, #52ABBC, #7F87C9, #458A4C, #182D1F)
- Antique Chestnut color palette (#E9DFCF, #A49969, #77622A, #533800, #1F1700)
Browse the whole catalog at Explore, or see today's palette.