Hushed Pine color palette — #FDF2EF · #C0DDC3 · #39A2CB · #2C7E49 · #4A2F4B

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Celadon Mist (#C0DDC3): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#39A2CB): A luminous, balanced blue — the color of open sky before noon.
• Olive (#2C7E49): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4A2F4B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Iris Balcony color palette (#FAF4EE, #B4E0D0, #7191E5, #007C78, #3D3358)
• Timeworn Field color palette (#FAF3F8, #D3D5E4, #46B6D5, #29815C, #04324D)
• Azure Quarry color palette (#CDEDE1, #00A0E6, #948E00, #658500, #113229)
• Worn Mallow color palette (#FFF0FE, #F6D1CE, #FBA3BA, #2E97A9, #4E3848)
• Sky Quarry color palette (#FBF3F1, #C0E3E7, #6DBED8, #6E916E, #32524A)
• Dusty Cobalt Corridor color palette (#F3E3DB, #77BECC, #007CB7, #005C3F, #101B43)
• Dusty Denim color palette (#ECDCD6, #56A0A7, #006084, #003E22, #000623)
• Misty Corridor color palette (#F2E7DF, #54ADD8, #215FC9, #004B44, #150836)

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