Hazy Pier color palette — #D3F3F2 · #00727F · #004256 · #00203C · #05004E

Built around Deep Indigo, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D3F3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#00727F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00203C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#05004E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Workshop color palette (#D2EBE3, #00817B, #00414B, #00212E, #07071D)
• Cerulean Drift color palette (#DFF3F8, #0089A7, #005E7B, #003C58, #001628)
• Eclipse Workshop color palette (#DAF3FB, #005D8C, #002488, #140048, #0E0021)
• Aged Cocoa color palette (#D3E4DE, #006695, #793500, #00304A, #1E0800)
• Dusty Orchid color palette (#D9E9E2, #99ABE6, #A255B0, #00454C, #010F3B)
• Washed Aubergine Station color palette (#D5F3F5, #00A8D3, #006793, #003F7F, #450B6D)
• Dusty Navy Station color palette (#E3EFFF, #004B93, #731F00, #412C00, #000717)
• Nightshade Drift color palette (#E0F3FF, #116BCE, #2E00BB, #2D0057, #220034)

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