Cerulean Pier color palette — #E8F5F3 · #BCE3F6 · #5698AF · #1A6A6F · #102F42

Storm Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Powder Blue (#BCE3F6): A whisper-light, dusty blue — the color of open sky before noon.
• Storm Blue (#5698AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1A6A6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#102F42): 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 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

• Patina Boulevard color palette (#DFF0EE, #4D94B0, #005070, #002B32, #00050C)
• Cobalt Quarry color palette (#E7F5F4, #A6CDE9, #3D83B1, #00596B, #00223E)
• Worn Cypress color palette (#FAF3F0, #C7E5D2, #5892B5, #007263, #563E56)
• Timeworn Archive color palette (#DBF8FB, #BDDEF8, #85CED3, #518566, #1E393D)
• Lagoon Grove color palette (#D4FBFB, #42A279, #368AAB, #7D6A04, #002425)
• Lagoon Pier color palette (#CFFCFF, #75C9B0, #2C8F74, #004A39, #001E16)
• Wandering Pine color palette (#E4F6F5, #70B686, #B77F53, #00793F, #3C1A2B)
• Pine Delta color palette (#CCEBBF, #77B172, #418D54, #005937, #003323)

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