Hazy Pier color palette — #DAF6F7 · #33CC96 · #C94278 · #00855E · #380019

Fuchsia takes the lead with Mint Leaf close behind in a set that reads as balance at first glance.

The five colors

• Honeydew (#DAF6F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#33CC96): A luminous, balanced teal — the color of glacier melt.
• Fuchsia (#C94278): A full-bodied, vivid rose — the color of strawberry cream.
• Fern (#00855E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#380019): A deep, shadowed, balanced red — the color of a theater curtain.

Feels like: Balance. Tagged warm.

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

• Peony Delta color palette (#CBEDF6, #00B3AE, #DF5590, #00817E, #37001B)
• Peony Corridor color palette (#D0EDEA, #5ACB73, #CF5EB8, #00722D, #33002B)
• Raspberry Study color palette (#C7F1E4, #00A487, #CD4A96, #BC3C29, #001610)
• Rose Workshop color palette (#BFEDFF, #39E1F2, #E95E73, #009AA7, #5B001B)
• Patina Mulberry color palette (#DFEDCE, #007F59, #A10054, #00412C, #170007)
• Hushed Alley color palette (#F8D8CC, #FF4CAA, #00AAAB, #003D3E, #000507)
• Iris Courtyard color palette (#D7F5EC, #92C239, #8B79F5, #4A6A00, #1C064A)
• Faded Bronze color palette (#C2E4F7, #008CA9, #AA5700, #005E72, #0E0300)

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