Cerulean Pier color palette — #E6F4FF · #3486AD · #333C52 · #1D2A34 · #11161A

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

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3486AD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#333C52): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1D2A34): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#11161A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Azure Courtyard color palette (#E8F4FD, #33A7E1, #4E5969, #2F3942, #1D2326)
• Aged Indigo Villa color palette (#E0E3F6, #7C5CB5, #3A2A48, #1C1E2D, #0D0C12)
• Dusty Powder color palette (#E8F6F0, #71C1EE, #897484, #495952, #1E231F)
• Dusty Field color palette (#EEF6FF, #679BD8, #7F9434, #698042, #364454)
• Deep Onyx color palette (#DAEDFE, #4E4343, #003050, #140F18, #050017)
• Ultramarine Orchard color palette (#E0ECFF, #1A43C4, #211920, #270836, #020819)
• Aged Oat Villa color palette (#DFFBFF, #B3D2E8, #8B8EAD, #5E7164, #39514E)
• Weathered Alley color palette (#EDF6FF, #83B6DD, #8AA54B, #3479A8, #2E564B)

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