Cerulean Pier color palette — #E3F1EB · #3E8BB7 · #4A3344 · #11221C · #090E0A

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

The five colors

• Cream (#E3F1EB): a clean, paper-quiet neutral.
• Cerulean (#3E8BB7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4A3344): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#11221C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#090E0A): 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

• Worn Quarry color palette (#F4EAF0, #7B77CA, #503138, #261A21, #0F0B0F)
• Wandering Lagoon Harbor color palette (#E7F1E5, #00978F, #284236, #192117, #0B0D08)
• Aged Delta color palette (#E6F4FF, #21A7E8, #505869, #2F3942, #1B2326)
• Aged Iris color palette (#FFEBF8, #8F96D8, #A28C43, #817B34, #31222C)
• Tempered Moss color palette (#FBEDF9, #9BB2E9, #A3A143, #546FB0, #33312A)
• Velvet Courtyard color palette (#F7E5F0, #5753BC, #301B38, #170512, #040104)
• Lagoon Orchard color palette (#F5F2E8, #C5C6A5, #618E76, #4E6955, #31322B)
• Turquoise Ridge color palette (#F7F0ED, #C9E4DF, #59A7CC, #307A66, #3F3040)

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