Cerulean Pier color palette — #E6F7ED · #148AA9 · #483547 · #202C26 · #0F1715

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

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#148AA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#483547): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#202C26): quiet, heavy and certain.
• Ink (#0F1715): a grounded near-black with real depth.

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

• Wandering Lagoon color palette (#FBEDF8, #6378C1, #4C353D, #2F252D, #12191A)
• Muted Alley color palette (#EEF4EA, #009278, #2E4234, #252B20, #111712)
• Tempered Delta color palette (#E6F7EE, #00ABD8, #435F55, #2E3C35, #1D241F)
• Worn Aqua color palette (#E8F4FC, #5EC6EA, #6C7D8F, #4B565D, #1B2326)
• Petrol Boulevard color palette (#C7E7DD, #006EAC, #23205C, #001E17, #000A08)
• Cellar Ultramarine color palette (#F3E2F0, #3056CB, #2D1C42, #1D0D1B, #020A0B)
• Washed Amber color palette (#FEF0FF, #729BCA, #B57B3B, #747C42, #4A3E4B)
• Hushed Amber color palette (#FEF0FB, #9DAEDE, #CE854E, #586EB3, #524C47)

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