Hushed Pier color palette — #F7EFF5 · #A9E9F1 · #5097BC · #376B4E · #1D2D43

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Sea Foam (#A9E9F1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5097BC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#376B4E): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#1D2D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Cobalt Archive color palette (#FAEEF5, #9AD1E5, #437FBC, #005D4C, #161F38)
• Hushed Courtyard color palette (#EEF7F6, #C0E3F1, #4097AB, #04716F, #264D61)
• Muted Aqua Basin color palette (#F9F4ED, #BAE7F2, #77C8E2, #3F9285, #22473B)
• Ancient Study color palette (#E8DAEA, #098A84, #004351, #032101, #000104)
• Worn Denim color palette (#F7E7F1, #2B99B1, #004D7C, #002D20, #02001D)
• Worn Clover color palette (#DFF8F4, #71B95F, #BC70A1, #47713C, #2E203D)
• Powder Bloom color palette (#D3FCF7, #AEE7F3, #9AC3F5, #81794B, #1A3232)
• Ancient Moss Basin color palette (#E5E0BF, #9DAE47, #3D8646, #005A42, #00343E)

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