Hazy Pier color palette — #D7F5FF · #00D6BC · #00ACB2 · #007A97 · #002A2E

Aqua and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Aqua (#00D6BC): A luminous, balanced teal — the color of shallow lagoons.
• Turquoise (#00ACB2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002A2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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

• Tempered Turquoise color palette (#E9F8FF, #6BDAD4, #00BBD8, #007BA9, #003B48)
• Hushed Station color palette (#CEEBFA, #00B8C1, #0094B1, #005989, #001A24)
• Antique Clover Archive color palette (#D5F8F9, #64C970, #00A375, #007D75, #002C22)
• Soft Grove color palette (#E1F6E0, #8CDE76, #00BFBF, #0884F0, #002F35)
• Hazy Sapphire color palette (#DBF7FD, #4FD472, #00AAA8, #006DE3, #000E12)
• Lapis Delta color palette (#E8F4FF, #44C8F7, #0096EC, #3A51E2, #002044)
• Antique Nightshade color palette (#CFE2F5, #00A4D3, #0070BA, #2300C8, #000B1C)
• Azure Terrace color palette (#ECF7FF, #8CE7FF, #5CCAFF, #5391E0, #213E55)

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