Hazy Pier color palette — #ECF9EF · #8CD5FF · #008FF4 · #00707E · #162D6A

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sky (#8CD5FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#008FF4): A luminous, vivid blue — the color of open sky before noon.
• Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#162D6A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Timeworn Azure color palette (#EEF8F0, #B9D9EF, #529CD7, #007A85, #273B56)
• Sunlit Sapphire Quarry color palette (#FFF1F7, #58C5FA, #1B63E3, #00564F, #33275F)
• Timeworn Powder color palette (#F1F7F2, #DBDDEC, #95B2E3, #5C8FA0, #495267)
• Teal Thicket color palette (#D7E6D9, #4CA2A3, #006372, #003D2F, #000B12)
• Plum Canyon color palette (#E3EED4, #739C00, #0086D6, #CB005B, #1C2900)
• Violet Alley color palette (#C4F0E0, #A5BD2A, #8E50EC, #627200, #390F6A)
• Feathered Mint Veranda color palette (#CCFFF1, #8EEEAD, #00D7BF, #8C7A00, #20441A)
• Dusty Moss color palette (#FEEECC, #B09D00, #808400, #475900, #1B4000)

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