Cobalt Pier color palette — #F3F7EC · #9ED1C4 · #3F77C9 · #005A80 · #2B395B

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Pistachio (#9ED1C4): A whisper-light, dusty teal — the color of sea glass.
• Azure (#3F77C9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A80): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2B395B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. 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

• Worn Boulevard color palette (#F4F6EE, #9CCDE6, #2580B3, #005D6E, #164439)
• Cobalt Loft color palette (#F8F0E8, #A1D4C6, #5F78BF, #005A65, #311625)
• Worn Iris color palette (#F0F7F0, #B1D9FF, #7F93CC, #207886, #323857)
• Fern Grove color palette (#EEF1DB, #5DA14E, #0082B7, #1C6800, #083A52)
• Tempered Cerulean color palette (#ECEFE2, #519AB2, #00516D, #002F35, #001624)
• Ancient Lagoon Coast color palette (#FCF4EB, #BAEDDE, #A2AEE7, #1B9EA3, #423157)
• Ancient Emerald Summit color palette (#E3E9C8, #2A9139, #007A8B, #775300, #2A2E13)
• Muted Olive Villa color palette (#F4F8E5, #AEE3C5, #6EC3AE, #567433, #3F413A)

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