Cobalt Pier color palette — #ECF9EE · #6DC2F4 · #006FC4 · #005460 · #172C6C

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#6DC2F4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006FC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#172C6C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Sunlit Sapphire color palette (#FFECF4, #7DC5F0, #126CDC, #005154, #15064F)
• Aged Aqua color palette (#E8FBEC, #00CEE4, #007A98, #00574E, #003753)
• Patina Cornflower Workshop color palette (#FFF3E9, #93D4FC, #4A8BEB, #007177, #2A2868)
• Airy Turquoise color palette (#DBF1F5, #00A9CD, #00688C, #00436F, #002B6A)
• Denim Archive color palette (#DFF0E2, #60A6DA, #0E54A9, #003C49, #121849)
• Pale Archive color palette (#EAF5FF, #C8D4FF, #BA90EA, #006F8E, #1B335E)
• Dusty Ash Boulevard color palette (#F0F7F1, #DADDED, #809AC8, #427789, #4A5265)
• Pale Cobalt Study color palette (#CEE8FF, #008DD0, #A35C00, #00547E, #462400)

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