Dusty Cerulean Pier color palette — #F0F8F1 · #B8E5F2 · #009BAE · #21715A · #314B5B

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#B8E5F2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009BAE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#21715A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#314B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Dusty Cerulean 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

• Hushed Azure color palette (#F1F7F2, #D7DEEF, #699FCA, #2E7B82, #455466)
• Cerulean Loft color palette (#F7EFF7, #BCE4EF, #3F9AB7, #446947, #1B2E41)
• Muted Cerulean color palette (#E3EFE5, #3E9FAA, #005266, #00302A, #001623)
• Softworn Summit color palette (#F5F6EE, #BFEBDE, #85CBD2, #55A99B, #2F503B)
• Timeworn Garden color palette (#E4FDE9, #AB8100, #008B98, #885289, #283E2E)
• Petrol Atelier color palette (#E9F1EA, #87BACB, #00758A, #005143, #003346)
• Weathered Cobalt Harbor color palette (#EAFAEB, #C49748, #548AD8, #855D00, #2D4460)
• Bronze Atelier color palette (#EDF9ED, #8FB199, #8D6C39, #6D482B, #294438)

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