Hazy Cobalt Pier color palette — #ECF0E4 · #74A6CF · #2D76C1 · #005977 · #000721

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

The five colors

• Cream (#ECF0E4): bright and airy, almost weightless.
• Blue Fog (#74A6CF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#2D76C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005977): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000721): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hazy 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

• Cornflower Market color palette (#E3E7DC, #8FB4DA, #4581DD, #006692, #030A3F)
• Aged Petrol Pier color palette (#DEE1CD, #5DAEBD, #00819C, #005D5F, #000B12)
• Muted Ultramarine Alley color palette (#F0E6DD, #6F98B7, #254FB2, #003B40, #090028)
• Muted Navy Grove color palette (#D8EBEA, #467EA9, #003C70, #001D2A, #000107)
• Frosted Turquoise color palette (#EFF0E0, #9BE1E9, #00B8D3, #00918D, #003441)
• Raspberry Station color palette (#F8D8D2, #D0426D, #4566D6, #9D0044, #010024)
• Hushed Turquoise Boulevard color palette (#F4F7ED, #C3E4E6, #9AC2E7, #63A2BB, #553F56)
• Wandering Chestnut color palette (#FBE6CC, #997C3E, #805600, #5B3500, #050300)

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