Cerulean Pier color palette — #F2E7F1 · #079CA6 · #00506D · #002E16 · #000313

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E7F1): bright and airy, almost weightless.
• Cerulean (#079CA6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00506D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002E16): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

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

• Misty Meadow color palette (#FBE2EF, #3096BE, #004499, #002C27, #050019)
• Antique Abyss color palette (#D6EBE7, #599CA1, #00535E, #00302D, #00171E)
• Petrol Field color palette (#C9EBF4, #00798F, #004154, #00141B, #000102)
• Hushed Aqua color palette (#F7EDDD, #65C8D0, #007389, #003F34, #000306)
• Azure Pier color palette (#D4ECEE, #3FA0EC, #8E5EAB, #004313, #000A0D)
• Patina Garnet color palette (#C6EEFB, #00686D, #8A1100, #003133, #0A0000)
• Patina Cobalt color palette (#F8EEF6, #9FD0E3, #1386B8, #185D3D, #0F203A)
• Garnet Grove color palette (#CEE9EC, #00545C, #6C2200, #3B2300, #000102)

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