Hushed Pine color palette — #F0F4E5 · #87C49A · #BB85C5 · #2F8452 · #43282E

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

The five colors

• Cream (#F0F4E5): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#87C49A): A luminous, balanced teal — the color of glacier melt.
• Mauve (#BB85C5): A luminous, balanced pink — the color of a candy shop window.
• Fern (#2F8452): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#43282E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Mint Loft color palette (#F4F8E4, #82C28B, #B686B4, #4A8153, #654247)
• Timeworn Iris Meadow color palette (#F6F2E6, #BDB672, #8A94E5, #7C7425, #41273A)
• Hushed Blush Canyon color palette (#E7F6ED, #76C0D4, #D17EA2, #007F96, #472624)
• Dusty Station color palette (#E5FBF6, #AAD297, #DC99C2, #769865, #534762)
• Washed Blush Dune color palette (#F3F4DE, #85A874, #BF728F, #9E6479, #282916)
• Chestnut Delta color palette (#F9F0E6, #C8BA97, #9D7C4F, #814720, #2D2D1E)
• Worn Magenta color palette (#E2F9E1, #00AEAC, #C731D2, #006967, #39003D)
• Softworn Petrol Boulevard color palette (#EBF5ED, #E9B3B8, #116D7C, #1E3827, #0F1611)

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