Hushed Pine color palette — #F5F2E4 · #B7B693 · #5D8055 · #455C46 · #2A2811

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

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Sage (#B7B693): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5D8055): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#455C46): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#2A2811): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Fern Courtyard color palette (#F6F2E6, #9BA771, #566E33, #653831, #221C00)
• Olive Lantern color palette (#EDF9EE, #92BAA8, #5D7E4E, #4D587B, #2C493D)
• Wandering Cerulean color palette (#F2F2EB, #CAE5CC, #4F9BA5, #226B63, #153322)
• Driftwood Workshop color palette (#E9FAF4, #A7CEC5, #799A75, #4B7A87, #2C4943)
• Worn Forest color palette (#E4E8CB, #61A775, #006C49, #004655, #001C09)
• Dusty Courtyard color palette (#FBF4E9, #C9EBC6, #8BA882, #8B6B7D, #3A3831)
• Worn Atelier color palette (#EAE6D1, #66843D, #22500E, #491805, #040A00)
• Antique Pine color palette (#EEEDD8, #44763D, #00421C, #002328, #000400)

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