Cobalt Pier color palette — #E2F2FF · #007BD0 · #0053A7 · #002B7A · #060052

Built around Azure, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Frost (#E2F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#007BD0): A full-bodied, balanced blue — the color of deep harbor water.
• Cobalt (#0053A7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002B7A): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#060052): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Cobalt 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

• Cobalt Drift color palette (#CCE8FB, #0087D2, #005296, #002151, #000014)
• Navy Veranda color palette (#CFE5EC, #007096, #004288, #110072, #18003C)
• Softworn Ultramarine Workshop color palette (#E4EFFF, #446FE0, #3426E1, #2F009E, #190049)
• Timeworn Nightshade color palette (#CBE6EC, #0093CB, #0066CA, #3B37AD, #130038)
• Misty Cabin color palette (#E8ECFF, #6F84EA, #3E33CB, #1B007A, #010014)
• Cerulean Canyon color palette (#D2E4E6, #008AA1, #00617B, #003546, #00121D)
• Arcade Hollow color palette (#D2E5FB, #70A8FF, #3B73FF, #3700E9, #27127D)
• Tempered Ultramarine Chapel color palette (#F7D6ED, #B4ACF6, #A97DE4, #0A4CBE, #120C3A)

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