Hazy Pier color palette — #CFF8F7 · #008653 · #00679A · #5E3D00 · #002D2D

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CFF8F7): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008653): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00679A): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#5E3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002D2D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. 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

• Olive Alley color palette (#D8F7EC, #637C00, #006E78, #6A321E, #062E24)
• Aged Field color palette (#DBFDFD, #007E58, #005279, #412E00, #05221D)
• Aged Field color palette (#E4FAFD, #00977D, #4D73A2, #605221, #21373A)
• Weathered Denim Loft color palette (#DAF4FC, #008086, #5A55A1, #424A00, #072B35)
• Washed Pine Orchard color palette (#D2F0ED, #278A44, #6D5697, #6E273D, #001413)
• Patina Cypress Canyon color palette (#ECF8FA, #CCDCEB, #A3B7BE, #247266, #2F3E40)
• Denim Villa color palette (#DFF6FF, #008791, #0552A0, #4A246A, #003520)
• Teal Corridor color palette (#CFF7F1, #00B7BA, #00727F, #004B5C, #003447)

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