Hushed Pine color palette — #FFF1F6 · #C97000 · #0D8F21 · #005B4C · #160009

A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C97000): A luminous, balanced gold — the color of old brass.
• Kelly Green (#0D8F21): A full-bodied, vivid green — the color of a quiet forest floor.
• Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#160009): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Hushed Atelier color palette (#EAFBEA, #B67D00, #008C5F, #005A57, #000B01)
• Patina Delta color palette (#FFF1F6, #D9892D, #3AA248, #006F61, #240B16)
• Weathered Amber Drift color palette (#ECFAEB, #C68100, #546E00, #004338, #200100)
• Timeworn Loft color palette (#FFE6F1, #AC5900, #2B7200, #004334, #040002)
• Rose Drift color palette (#FFF0FE, #E44C5C, #897600, #355900, #110211)
• Forest Studio color palette (#EBF7FF, #0097C4, #757E00, #005E1B, #000911)
• Pale Market color palette (#E2FEE3, #F97725, #955C00, #104D02, #210C00)
• Hushed Plum Pier color palette (#F8E4E2, #C0397A, #00551C, #003E43, #170001)

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