Hazy Pier color palette — #EDDCE3 · #7CA8C7 · #3362BA · #00494F · #12073B

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EDDCE3): A whisper-light, dusty rose — the color of a warm blush.
• Blue Fog (#7CA8C7): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#3362BA): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#00494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#12073B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Petrol color palette (#F1E3EE, #61B0BB, #007094, #004C3B, #00142B)
• Misty Quarry color palette (#F9EBDF, #89BEE2, #1B5DD4, #003D42, #020012)
• Washed Denim Workshop color palette (#DDE1D4, #6A95B3, #004C81, #002E3C, #001330)
• Cornflower Courtyard color palette (#E2F0EF, #82B7DE, #0086E2, #006887, #001232)
• Cobalt Loft color palette (#F9EAF0, #A5CAE5, #5888C7, #006B6E, #24265A)
• Timeworn Pine color palette (#FFF0FA, #78DFDA, #009DB4, #007742, #003850)
• Aged Azure color palette (#FFF0F8, #A5E6FF, #4EA2E5, #00837B, #293C71)
• Wandering Coast color palette (#FFE4ED, #A66700, #006F9A, #623B00, #00121C)

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