Cerulean Pier color palette — #E8F2E9 · #73D6E2 · #0095B6 · #006D60 · #00324A

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

The five colors

• Cream (#E8F2E9): bright and airy, almost weightless.
• Ice Blue (#73D6E2): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0095B6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D60): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Azure Studio color palette (#ECF9EF, #AFDCF3, #37A1D1, #117B79, #1D3D59)
• Cerulean Archive color palette (#F5F6EB, #B4F2FA, #06A3BD, #006A68, #00232D)
• Cobalt Balcony color palette (#DAE5DC, #58BFE9, #007BBD, #00585E, #041E43)
• Weathered Station color palette (#E2EEE4, #3DA0BF, #005F8A, #003B3D, #00091A)
• Patina Powder color palette (#F0F7F1, #D5DFEF, #90B7D0, #608F99, #445564)
• Patina Workshop color palette (#EAEEFF, #D5C6FF, #E496DB, #4C7DB2, #293152)
• Hushed Harbor color palette (#E1E4F1, #6C71FF, #CD481D, #007D4B, #181B3E)
• Weathered Hollow color palette (#CDE5F4, #359EFE, #3E6DED, #4646A0, #31265C)

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