Hazy Pier color palette — #E1FDED · #877700 · #415EBC · #294097 · #332C00

Cobalt takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E1FDED): A whisper-light, dusty teal — the color of sea glass.
• Walnut (#877700): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#415EBC): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#294097): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#332C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Bronze Bloom color palette (#E1FEEA, #8F7300, #007192, #005075, #362A00)
• Airy Quarry color palette (#D7F7EC, #657B09, #615696, #45367C, #002E24)
• Washed Moss Harbor color palette (#D6FFF7, #4F9E23, #5543A2, #640C78, #19330D)
• Garnet Summit color palette (#E3FCF2, #788700, #00608E, #76053B, #520F00)
• Powdered Nightshade color palette (#CDE5D8, #6B6500, #563BA2, #3B207A, #1E1C00)
• Ultramarine Courtyard color palette (#FFF0F8, #D06421, #1451AC, #40369B, #401E32)
• Weathered Moss color palette (#E3FCF4, #6D8E35, #945A85, #734059, #1B3932)
• Frosted Studio color palette (#D6FFFC, #00872A, #005B5D, #4D007C, #331D00)

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