Cobalt Pier color palette — #F8EFF3 · #92D2EF · #4D7CBF · #005C51 · #171E3A

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

The five colors

• Ivory (#F8EFF3): a clean, paper-quiet neutral.
• Sky (#92D2EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4D7CBF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#171E3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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 Terrace color palette (#ECF8F7, #AEC9DD, #2D80B3, #005D70, #1C3D5B)
• Softworn Cerulean Market color palette (#F6EFF6, #B2E6F4, #4B99B1, #466845, #172E44)
• Petrol Terrace color palette (#EFE6EE, #75C3C3, #007696, #0D4E21, #001631)
• Periwinkle Veranda color palette (#FBF4EA, #D8D6E3, #74ACDD, #007D89, #1C2E4C)
• Raspberry Ridge color palette (#E4DDEB, #C14988, #007F7E, #125F78, #1A0D23)
• Cerulean Delta color palette (#FAE9F8, #009CA7, #00506E, #002E17, #000315)
• Ultramarine Alley color palette (#F8E1E9, #5DA4D4, #334EAF, #003938, #100027)
• Hushed Navy color palette (#F9E8EF, #1481B6, #142F8A, #001F1E, #020008)

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