Hazy Pier color palette — #D9E2EF · #6F8EEB · #4F5AD6 · #433D8E · #3A345E

Built around Iris, softened by Lavender Blue — the whole palette hums with creativity and balance.

The five colors

• Frost (#D9E2EF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#6F8EEB): A luminous, balanced violet — the color of wild irises.
• Iris (#4F5AD6): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#433D8E): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3A345E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Violet Lagoon color palette (#DBE5FF, #A399EB, #7E60C6, #614489, #424060)
• Hazy Scarlet Dune color palette (#E8EEFF, #857FE1, #D13843, #513CB5, #522626)
• Timeworn Grape color palette (#EEF1FF, #AC9BE5, #6946B1, #412274, #271545)
• Azure Boulevard color palette (#CCEFFF, #2EADEB, #006DA8, #00508F, #253D5E)
• Softworn Iris Atelier color palette (#E3F3FB, #83BCFF, #7593F0, #8263B1, #4A2650)
• Pale Garden color palette (#E5EAF8, #6460EF, #4B00C5, #330077, #2B1150)
• Pale Drift color palette (#DFE2FE, #8B5CCD, #BE255B, #006289, #272844)
• Mallow Chapel color palette (#F2F4FF, #E3C7F7, #E095DA, #61609D, #393854)

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