Hushed Pine color palette — #E7F6EC · #96B376 · #007F57 · #5E4900 · #172600

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#96B376): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007F57): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#172600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, 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

• Wandering Pine color palette (#E7FBF1, #92AE6D, #1D7E30, #565403, #31411C)
• Cypress Dune color palette (#E7F6EF, #73ACA8, #1C736A, #474A1D, #002220)
• Aged Olive color palette (#FFECF4, #BCA661, #567800, #005953, #291F00)
• Weathered Garnet Quarry color palette (#DEF9F4, #76B6A7, #00788A, #753444, #002720)
• Gentle Forest color palette (#D7ECD5, #999B2F, #0B6F1C, #00474E, #171700)
• Softworn Emerald Harbor color palette (#FCF5DE, #C8E4A7, #5CA662, #716F15, #243507)
• Patina Jade color palette (#E9F1DE, #3DB670, #007D71, #004F58, #002837)
• Hazy Lantern color palette (#D1FBFD, #00B387, #E33F1E, #006C50, #420600)

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