Cobalt Pier color palette — #FFF0FD · #5BE2EF · #0085B5 · #005531 · #00082C

Cerulean takes the lead with Ice Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#5BE2EF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0085B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005531): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00082C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Feathered Delta color palette (#FFF1F7, #8FD7FA, #3476DD, #00524A, #0D0429)
• Antique Meadow color palette (#FFF0F9, #BEEFFF, #3C96E8, #006C57, #181A3C)
• Cerulean Dune color palette (#EEF0E3, #7DCFD8, #00A4BC, #007D79, #00242E)
• Chalky Sapphire Corridor color palette (#D1FADF, #BC9D22, #3664D1, #5D4C00, #000128)
• Timeworn Chapel color palette (#D6E7E4, #75A4B6, #006373, #003938, #000D13)
• Periwinkle Grove color palette (#FFF0F7, #D7D3DF, #7DA6ED, #008076, #262C4A)
• Amber Corridor color palette (#FEDED6, #DF8000, #836000, #353800, #061000)
• Misty Orchard color palette (#CCF1D2, #9CA13B, #7A5900, #522200, #000600)

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