Hazy Pier color palette — #A7F3E4 · #008E7E · #006FB6 · #535A00 · #000202

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

The five colors

• Sea Foam (#A7F3E4): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008E7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Blue (#006FB6): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#535A00): A full-bodied, balanced green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

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

• Emerald Delta color palette (#C4EEC9, #009338, #00788B, #6E4E00, #000200)
• Softworn Atelier color palette (#B1EDF7, #008A99, #4E55DD, #0F670F, #000203)
• Worn Grape Garden color palette (#CEFAE7, #007DA9, #8235A6, #00451A, #000103)
• Dusty Teal color palette (#D7FFF7, #00C1AE, #006F64, #002823, #000201)
• Aged Alley color palette (#D4E8E7, #006865, #004A9C, #334400, #001615)
• Pale Summit color palette (#D8FFF5, #2295F6, #A363BC, #007C71, #000D1E)
• Wandering Quarry color palette (#CCE5D8, #006947, #83006F, #740305, #000502)
• Cypress Basin color palette (#D6FFF8, #9AEEEC, #6ACBDD, #007F5E, #001917)

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