Hushed Pine color palette — #D1EBE4 · #86B377 · #388447 · #645328 · #193010

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

The five colors

• Honeydew (#D1EBE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#86B377): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#388447): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#645328): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#193010): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Pine Bloom color palette (#F7F6E8, #A1C893, #348B45, #624E19, #191A00)
• Wandering Moss color palette (#EEEFDE, #8EA221, #608200, #355800, #093601)
• Hushed Jade Hollow color palette (#D9F5F2, #4EA779, #007256, #484813, #002112)
• Antique Market color palette (#E3FBF6, #93C298, #50906C, #476D58, #153D3A)
• Airy Pine Meadow color palette (#C0F3C2, #6CC273, #078934, #025210, #001D04)
• Timeworn Parlor color palette (#D6EAE2, #6E9872, #006450, #69212A, #0A3212)
• Pale Moss Studio color palette (#BCE9DF, #73AB44, #0092C4, #417300, #002D40)
• Hushed Corridor color palette (#E5F4DD, #569B1F, #008B92, #925B00, #0F2600)

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