Hazy Pier color palette — #DAE1D5 · #00896E · #57149B · #004334 · #03000A

Plum takes the lead with Fern close behind in a set that reads as creativity and energy at first glance.

The five colors

• Bone (#DAE1D5): a clean, paper-quiet neutral.
• Fern (#00896E): A full-bodied, balanced teal — the color of sea glass.
• Plum (#57149B): A deep, shadowed, vivid violet — the color of wild irises.
• Forest (#004334): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Energy, Balance. Tagged duotone.

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

• Powdered Parlor color palette (#E1E3D4, #3B892D, #2632A3, #0D4502, #010010)
• Softworn Alley color palette (#E0EDE2, #00848D, #7D0055, #004045, #060003)
• Worn Grove color palette (#F8E4CB, #007271, #1F2C92, #2C1C00, #000407)
• Ancient Drift color palette (#C9E9DB, #00818A, #004875, #1F0070, #09000E)
• Faded Workshop color palette (#E1EBE1, #009EA0, #005CCE, #006566, #050005)
• Antique Mulberry color palette (#D4E6DF, #008DC7, #9C002D, #004B6C, #070001)
• Gentle Villa color palette (#E1F0E1, #07BCBD, #9948B5, #007273, #1F020B)
• Charred Garnet color palette (#E3F3E4, #00656A, #6C002A, #241800, #030100)

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