Hushed Pine color palette — #E8F6ED · #96A879 · #367448 · #4F3D64 · #00221B

Pine takes the lead with Charcoal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Sage (#96A879): A luminous, dusty green — the color of fresh herbs.
• Pine (#367448): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4F3D64): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#00221B): 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 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

• Softworn Olive Terrace color palette (#E9FAF3, #8DA56B, #3C731C, #603E55, #173D34)
• Feathered Dune color palette (#DFF9ED, #8FB484, #007E5B, #80273E, #082800)
• Patina Lagoon Dune color palette (#E7F6F0, #90BEB9, #3C8472, #69476C, #0C2D2B)
• Garnet Canyon color palette (#D2EBE7, #41AA8A, #00696A, #6A174A, #001B13)
• Wandering Canyon color palette (#CEE9DC, #608454, #005138, #3E0957, #020B00)
• Softworn Moss color palette (#F9F5E7, #C7D8AA, #6F9854, #8F4F3D, #2D2905)
• Wandering Chapel color palette (#F8E2EC, #C17F53, #008C9C, #834000, #002126)
• Cobalt Balcony color palette (#F7EFF4, #ABCDE0, #4981AD, #005C55, #0E1D45)

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