Hushed Pine color palette — #FFF0FA · #81DDD9 · #009DB5 · #007744 · #003850

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lagoon (#81DDD9): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Chalky Azure color palette (#FFF0F9, #83D9F3, #0095DD, #007368, #062A77)
• Dusty Pine color palette (#FFF2EB, #B2FFFA, #00ACC5, #007740, #00283B)
• Wandering Summit color palette (#F6F7E4, #6DCAC5, #007D82, #00574A, #003A41)
• Wandering Seafoam Ridge color palette (#E5FBF6, #5FF4ED, #00C2C9, #009A83, #003A41)
• Aged Lagoon color palette (#F9F3F7, #CFDFF6, #6BAFD0, #008F74, #314A65)
• Hushed Workshop color palette (#F6EBF3, #629DAA, #006086, #003C32, #00081D)
• Washed Aqua color palette (#D5FFF8, #9DF3DD, #00CCEC, #9A8300, #003F24)
• Aged Corridor color palette (#F5EEDF, #B1A900, #609000, #006B21, #003E27)

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