Hushed Pine color palette — #E9F5F2 · #9DBE98 · #4C835B · #3B5E48 · #0B2E2A

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Sage (#9DBE98): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4C835B): A full-bodied, balanced teal — the color of sea glass.
• Pine (#3B5E48): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#0B2E2A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Cypress Balcony color palette (#E8F5F3, #7FAD8D, #007753, #2F502D, #002221)
• Dusty Olive color palette (#EBF5EF, #95BEAC, #6D7D32, #6E4758, #162D23)
• Gentle Olive Atelier color palette (#D6EAE2, #A1BA67, #598200, #2C5B14, #193518)
• Frosted Azure color palette (#DEF9F4, #7BB66C, #2598D1, #387527, #0A2A3F)
• Wandering Fern Pier color palette (#F7F6E9, #93BB9A, #2E8471, #715146, #3F4800)
• Softworn Veranda color palette (#DFF8F6, #ABDDF2, #83D1C6, #709066, #1D3636)
• Tempered Bronze color palette (#F7F7E4, #A5D3A0, #719B7C, #8C6C26, #434700)
• Hushed Ridge color palette (#DCF1EF, #0B8E67, #005041, #003318, #000B05)

Browse the whole catalog at Explore, or see today's palette.