Cobalt Pier color palette — #FFF0F9 · #82DDFA · #1B83D7 · #006954 · #373C64

Azure takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#82DDFA): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#1B83D7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006954): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#373C64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Cerulean color palette (#FBF2F9, #B5E5F7, #4993BB, #327050, #384960)
• Sapphire Basin color palette (#FFF0F8, #38C8FB, #076BD1, #00574B, #2F2A5F)
• Hushed Parlor color palette (#F1F3E7, #A3D9EE, #008EBF, #00606C, #00283F)
• Frosted Cerulean Coast color palette (#F1DCEA, #00A0BC, #004D7C, #003124, #0A0D36)
• Sky Balcony color palette (#FDF3ED, #BDEDFF, #6DBEFF, #00A79C, #283C71)
• Antique Raspberry color palette (#FFE2EF, #E00094, #008571, #006772, #492135)
• Faded Loft color palette (#FFF0FB, #FFD3D0, #E9B554, #7566B0, #5B323E)
• Chalky Blush color palette (#FBF1FF, #FF62A2, #00984E, #90004E, #004721)

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