Hazy Pier color palette — #D6E6E2 · #FCB231 · #7CC900 · #00AAA1 · #062100

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

The five colors

• Silver (#D6E6E2): a clean, paper-quiet neutral.
• Saffron (#FCB231): A luminous, balanced gold — the color of honey in a jar.
• Lime (#7CC900): A luminous, vivid green — the color of new leaves after rain.
• Turquoise (#00AAA1): A luminous, balanced teal — the color of shallow lagoons.
• Ink (#062100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.

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

• Clover Boulevard color palette (#D2F8F2, #DEBE00, #00D05E, #00A2A9, #001B11)
• Mustard Grove color palette (#BDEAD3, #FFAE5C, #C4B400, #00B186, #0C1B00)
• Linen Moss color palette (#E3E3C8, #BCBF00, #66AA00, #00854B, #072100)
• Misty Ridge color palette (#DAF2F5, #AED72E, #00CDB5, #00A2DE, #001C1A)
• Weathered Station color palette (#CDE7D2, #FFA297, #E9A200, #3FAA00, #1F1700)
• Lime Terrace color palette (#D7FFF5, #C8D536, #6CCE00, #00965A, #000400)
• Dusty Emerald color palette (#DAEDDC, #ABAC66, #599038, #7F5D17, #1C1C00)
• Gentle Clover color palette (#C4EBEF, #74B935, #00AC8F, #0079C6, #000607)

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