Cerulean Pier color palette — #BDEFFA · #76C6D1 · #4391B0 · #366287 · #283B56

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

The five colors

• Frost (#BDEFFA): A whisper-light, dusty blue — the color of deep harbor water.
• Aqua (#76C6D1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#4391B0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#366287): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#283B56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Petrol Workshop color palette (#E8F8FF, #84C6DA, #328BAB, #00688E, #35546E)
• Cobalt Study color palette (#D8EFFF, #91BAE6, #6F7FBC, #544D80, #32304A)
• Weathered Lagoon color palette (#D2FCF4, #8FCDAC, #419E87, #066C6C, #173948)
• Worn Denim color palette (#E7F4FF, #A9D1F2, #5E8EB2, #274F74, #032039)
• Patina Petrol color palette (#E8F4FD, #81BCDE, #C78C71, #3A799C, #452439)
• Timeworn Archive color palette (#EAF5ED, #A5C3B5, #6E8B76, #6D4D5A, #1B312C)
• Washed Cerulean Chapel color palette (#E5F4FF, #D8D6E4, #B0A39B, #6191A0, #343F4C)
• Nightshade Drift color palette (#D8EDF1, #00A3D8, #0073C1, #133BA9, #271857)

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