Cerulean Pier color palette — #FCF3EF · #C5E6CF · #4A93BA · #2B7060 · #544054

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C5E6CF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4A93BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2B7060): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#544054): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Ancient Forest color palette (#FAEFEA, #C8E5D1, #5794BF, #1A6E51, #202A4A)
• Antique Cobalt color palette (#FCF3ED, #99CEE7, #4F7CAB, #00605E, #4E2E47)
• Lagoon Market color palette (#FBF2F8, #D0DFF5, #7CABCF, #3B8C6D, #374867)
• Lagoon Corridor color palette (#F6E5DD, #009394, #004452, #002414, #000A15)
• Cerulean Workshop color palette (#F0E3DB, #1E9EC2, #004D7C, #00302C, #030842)
• Patina Quarry color palette (#F2F9E3, #43B97A, #B36FA0, #22774B, #5D3538)
• Softworn Petrol Quarry color palette (#FAEBE3, #6DBED7, #036FA6, #005048, #1C2D4E)
• Aged Mint color palette (#D8FFF4, #5AD1A6, #008B6A, #004F40, #00382A)

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