Hushed Pine color palette — #FDF5DF · #AF9D00 · #008F4E · #00616B · #492600
A conversation between Fern and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDF5DF): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#AF9D00): A luminous, balanced green — the color of fresh herbs.
- Fern (#008F4E): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00616B): A full-bodied, dusty blue — the color of deep harbor water.
- Espresso (#492600): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, 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
- Misty Canyon color palette (#F2F4E1, #65AA40, #008379, #00577A, #392800)
- Hazy Balcony color palette (#E8E1CB, #8D8C00, #007650, #751E2A, #2E1A00)
- Moss Delta color palette (#F6ECCC, #8D8C00, #3E4B1C, #2E2609, #171104)
- Softworn Loft color palette (#FFF4DE, #957B00, #006861, #342E8B, #5F001F)
- Muted Amber color palette (#FFF3E8, #E87900, #827A00, #006737, #5C0627)
- Nightshade Cabin color palette (#DDEFCB, #00A47E, #00758D, #2238A2, #212800)
- Worn Emerald Coast color palette (#F6F8DD, #80D090, #2B9D6A, #716A3F, #3A3B34)
- Soft Villa color palette (#E8EBCF, #368A00, #00605C, #003656, #161100)
Browse the whole catalog at Explore, or see today's palette.