Hushed Pine Grove color palette — #E4F7ED · #8AAC76 · #02784E · #543B5E · #00221D

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8AAC76): A luminous, balanced green — the color of new leaves after rain.
• Pine (#02784E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#543B5E): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed Pine Grove 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

• Timeworn Forest color palette (#E2FCF4, #86A675, #436F44, #5E4051, #1B3C36)
• Worn Lagoon color palette (#E8F5F1, #92C0A2, #268679, #5A4F69, #112C2C)
• Aged Lagoon Coast color palette (#E2F4EF, #5D9E76, #006358, #5A2623, #001616)
• Powdered Lagoon color palette (#D3EDD7, #979D00, #276D00, #681851, #161800)
• Tempered Bloom color palette (#D2E3DC, #4E8850, #00503E, #3F173E, #000A09)
• Softworn Emerald Thicket color palette (#F8F6E4, #BDDAB0, #5F9A62, #8C5427, #292A0D)
• Weathered Pier color palette (#F8EFF3, #9FCFE8, #337ECD, #005B5B, #121F3C)
• Patina Market color palette (#FFECF4, #F0D8A0, #99C569, #95514F, #132714)

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