Cobalt Pier color palette — #EFF7F7 · #C7DFF9 · #618BCC · #2F6889 · #384862

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Powder Blue (#C7DFF9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#618BCC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#2F6889): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#384862): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Iris Grove color palette (#ECF5EB, #C1E0FF, #778BC5, #1F6976, #262A41)
• Timeworn Cornflower Balcony color palette (#E8F9F9, #A2D4FF, #167FE3, #006183, #283F68)
• Washed Parlor color palette (#F6F3FF, #E2D6DF, #ECAABD, #9173A4, #524C5F)
• Worn Pier color palette (#D8EAE8, #67AABC, #00617B, #003D42, #002333)
• Dusty Lagoon color palette (#DDEFEE, #4E88A7, #004064, #00212A, #000919)
• Softworn Cerulean color palette (#EBF8F6, #A7CCDA, #00879C, #00605E, #183F53)
• Aged Teal Basin color palette (#FBF2F5, #DADDF3, #B1B9EE, #3DAAB1, #444463)
• Hushed Periwinkle color palette (#FBF4EB, #BBF2E3, #8EA3DC, #488590, #5C3D4D)

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