Cerulean Pier color palette — #E9F6EC · #AFD6EB · #008EC1 · #006261 · #002645

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Powder Blue (#AFD6EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EC1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Cobalt Ridge color palette (#E5F7E9, #8DC5DB, #007AB1, #005154, #001939)
• Chalky Lagoon color palette (#FFF2EB, #99DAEC, #0085D3, #006950, #333C67)
• Patina Turquoise color palette (#DDF1EF, #00B0BD, #007F97, #00506A, #00283F)
• Powder Loft color palette (#E5F5FF, #D3D5EB, #B2B4FF, #007B85, #052841)
• Hushed Denim Grove color palette (#E4EFE6, #6491A5, #00516B, #002C29, #00050C)
• Aged Plum color palette (#CAEAFF, #008FBC, #B94085, #676500, #001B27)
• Tempered Navy color palette (#DBE9DE, #527DA2, #00308E, #001E27, #01000B)
• Pale Ember color palette (#E4F5FF, #00A9D0, #D94F00, #00657E, #3C1000)

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