Hazy Pier color palette — #C3F2D0 · #9581FF · #CA0061 · #005A55 · #3A1746

Magenta Rose and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#C3F2D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Lavender Blue (#9581FF): A luminous, vivid violet — the color of twilight just after sunset.
• Magenta Rose (#CA0061): A full-bodied, vivid red — the color of a theater curtain.
• Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#3A1746): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged retro, 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

• Aged Villa color palette (#B8F1F5, #718FFF, #C1008A, #005B46, #2E1E49)
• Aged Coast color palette (#CEF0C6, #BE67FF, #D00026, #00585F, #421339)
• Dusty Plum Pier color palette (#F1FCC9, #C48AFF, #C92466, #00514F, #2D002E)
• Softworn Lagoon color palette (#D8FFF4, #DA7FE5, #D44600, #00667B, #4E2639)
• Softworn Studio color palette (#C0E9DA, #D262BB, #A34D00, #004F69, #3E1320)
• Magenta Field color palette (#FFE1A2, #C70ACF, #990043, #1C4300, #421634)
• Muted Ember color palette (#EBEFFF, #C899CA, #D55E44, #006B86, #004456)
• Timeworn Cornflower Studio color palette (#DCE9FF, #5B81FF, #886100, #005066, #002936)

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