Hushed Pier color palette — #EEF7FD · #D8D8EC · #B2BBD6 · #007597 · #32424C

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7FD): bright and airy, almost weightless.
• Silver (#D8D8EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B2BBD6): A luminous, dusty violet — the color of wild irises.
• Teal (#007597): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#32424C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed Pier 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

• Washed Sapphire color palette (#F2F5FC, #E2D6E9, #C1B5DB, #535FBC, #374052)
• Antique Dune color palette (#EBF4F0, #C0DFE4, #CCB8CB, #0074A2, #1B2823)
• Denim Dune color palette (#E9EFF5, #C2CDDD, #999EBB, #005B85, #252F38)
• Patina Delta color palette (#F4F4FB, #DFD8DE, #B9A9A0, #8A78A3, #515258)
• Softworn Corridor color palette (#CCF1FF, #99ACDF, #9472A0, #596238, #215042)
• Worn Meadow color palette (#E7FAF4, #71B48A, #007A6D, #005975, #0E4342)
• Turquoise Boulevard color palette (#EFF7F4, #F0DBE2, #E3BEC5, #3CB2E4, #2F453C)
• Sapphire Harbor color palette (#D6E0ED, #0063D1, #2E1E55, #09192C, #040713)

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