Hushed Pine color palette — #FFF2EB · #A9E9E5 · #00AEC7 · #00884C · #004662

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#A9E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00AEC7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004662): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Azure color palette (#FFF2EB, #9BE9FF, #00A6F2, #008476, #243E6F)
• Emerald Garden color palette (#FDF0FE, #A7F5F0, #31C9EF, #58A656, #04426F)
• Cerulean Delta color palette (#F9EBE4, #91D1D6, #0094BA, #006F50, #003051)
• Wandering Mint Quarry color palette (#D5EEDB, #00D59C, #00998C, #006B78, #004559)
• Worn Chapel color palette (#FBF3F0, #C0E2EB, #79BBDA, #5B9381, #5C4C5E)
• Aged Emerald color palette (#DFFFE3, #CCEDFF, #C5C9FF, #23A467, #274A36)
• Dusty Peony Summit color palette (#B8FAF3, #00B3A8, #FF1086, #BD6100, #003935)
• Muted Cobalt color palette (#F7EDE6, #6ABEDB, #007AC0, #005A53, #0B194B)

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