Hushed Pine color palette — #F1F3EC · #D1D9D4 · #B1C0BA · #558256 · #2C2D22

Built around Fern, softened by Onyx — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#D1D9D4): a clean, paper-quiet neutral.
• Stone (#B1C0BA): soft and architectural.
• Fern (#558256): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2C2D22): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Lagoon color palette (#EFF7F5, #D2DEE5, #B6C2D4, #637D55, #3E4B48)
• Worn Pewter color palette (#E2EDCE, #A1BB9F, #648A78, #775167, #532D22)
• Softworn Lantern color palette (#E8EBE2, #99A493, #678568, #004224, #030500)
• Forest Canyon color palette (#EFF4EA, #CBD8C8, #91B69A, #006C4F, #131E05)
• Hushed Petrol Drift color palette (#ECF4EF, #CDD8D9, #C4B0C2, #00708A, #17241D)
• Aubergine Workshop color palette (#FDF0DC, #6CAE7E, #007B78, #632B6C, #1B2708)
• Patina Mint Meadow color palette (#ECF5E4, #C4E49C, #66D1A0, #00A1B2, #002823)
• Aged Pier color palette (#D6E2DD, #B8B0B9, #9F8497, #004A67, #010E09)

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