Cerulean Pier color palette — #ECF9EF · #D6DEFC · #88B8FF · #00A1C0 · #323B6B

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Powder Blue (#D6DEFC): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#88B8FF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00A1C0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#323B6B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Atelier color palette (#FFF3E7, #C7E7FB, #87ACFE, #008693, #332C5F)
• Hazy Sky color palette (#EDF9EF, #ADF2FF, #2FC7F9, #00A79B, #1A445F)
• Antique Glacier color palette (#F0F7F1, #D3E1F0, #8FD3E4, #78AFA0, #435562)
• Wandering Azure Veranda color palette (#E6F3E8, #70CFE7, #009FD4, #007D79, #00213A)
• Worn Lilac Study color palette (#F4F4FF, #F9D3D9, #EAB9AB, #A59DDE, #473E5D)
• Aged Fuchsia color palette (#F5E4FF, #DB90FF, #E49900, #00B2B1, #3D244A)
• Petrol Workshop color palette (#DEF0E1, #5BAFBE, #0080A4, #005E57, #000A15)
• Sunlit Cornflower Workshop color palette (#E4EFE6, #76B9E4, #0D83EC, #006A7B, #050D3A)

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