Hazy Pier color palette — #F4E0FA · #C90062 · #1D5B00 · #003B3F · #002545

A conversation between Magenta Rose and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4E0FA): A whisper-light, dusty pink — the color of neon signs at night.
• Magenta Rose (#C90062): A full-bodied, vivid red — the color of embers at dusk.
• Deep Olive (#1D5B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003B3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002545): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Wandering Basin color palette (#ECE2FF, #B1279F, #4B5100, #003D29, #002839)
• Linen Plum color palette (#F8DEFA, #CC0045, #1B5E03, #05099B, #1D0067)
• Rust Study color palette (#F6D7E8, #A84705, #00524A, #002F54, #250C4C)
• Worn Bronze color palette (#F8DBBF, #A55D00, #4E5000, #003621, #001115)
• Faded Terrace color palette (#FCD6D9, #FC4514, #9E4A00, #593500, #262F06)
• Patina Workshop color palette (#F9F2FC, #C78095, #69774B, #2E5778, #363A5A)
• Twilit Onyx color palette (#DEEEDD, #664100, #003131, #22002F, #130012)
• Feathered Moss Studio color palette (#D9F2E6, #74A060, #006B49, #573162, #173704)

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