Hushed Pine color palette — #EEF8F0 · #ACB588 · #52814F · #61536E · #2E493F

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Sage (#ACB588): A luminous, dusty green — the color of new leaves after rain.
• Fern (#52814F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#61536E): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2E493F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Lagoon Corridor color palette (#EDF8F4, #9BCCC8, #558E81, #745D72, #3D5250)
• Pine Lantern color palette (#ECF9F0, #94A36A, #387240, #30543D, #1C3C33)
• Worn Iris color palette (#E5FCF0, #A8A449, #7C7FD5, #6D6900, #36415F)
• Tempered Cypress Delta color palette (#E4FBF7, #64B59C, #00787C, #76402B, #024348)
• Hushed Harbor color palette (#F8F1E1, #B6B87D, #6F7C46, #79480D, #2C2714)
• Timeworn Bronze color palette (#FFDDEB, #C69D4D, #877A00, #575B00, #195046)
• Softworn Seafoam color palette (#E5FCEF, #BEE8F3, #6DD7C6, #99703F, #39564C)
• Chalky Olive color palette (#DAFFF0, #AEC17F, #727C00, #3C4B00, #2F3500)

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