Hazy Pier color palette — #D1FFDF · #56C97D · #008353 · #004328 · #001207

A conversation between Clover and Fern, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D1FFDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#56C97D): A luminous, balanced teal — the color of glacier melt.
• Fern (#008353): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004328): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001207): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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

• Softworn Quarry color palette (#C9FFF3, #00C5B5, #008281, #003F3F, #001411)
• Lime Ridge color palette (#DDFFC0, #A0BF3D, #657400, #2D3C00, #0C1100)
• Muted Jade Corridor color palette (#AAF3DD, #39AB7A, #006D4C, #003323, #000704)
• Pale Emerald color palette (#DCFFEB, #7BDC97, #00A752, #00653A, #003319)
• Soft Byzantium Market color palette (#E4F6F8, #00C3A1, #98419E, #006B57, #0C031E)
• Worn Workshop color palette (#FDE9F8, #FFA86A, #789D00, #1A2600, #000F0A)
• Lagoon Corridor color palette (#CCEAE9, #008E86, #005553, #001F1A, #000201)
• Wandering Turquoise color palette (#B4EBFF, #00AEDE, #006582, #003545, #000B0F)

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