Hazy Pier color palette — #FFF0FD · #A6C6FF · #F7B423 · #5088F3 · #4E3500

Built around Azure, softened by Saffron — the whole palette hums with optimism and balance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#A6C6FF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#F7B423): A luminous, vivid gold — the color of honey in a jar.
• Azure (#5088F3): A luminous, vivid violet — the color of twilight just after sunset.
• Espresso (#4E3500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Indigo Orchard color palette (#F9E9F3, #B3B7FF, #CABF46, #7873F0, #3B3700)
• Azure Delta color palette (#D9FFF2, #86CEFF, #FFA88E, #0096DB, #671F06)
• Linen Sapphire color palette (#EFF6FF, #7FAEFF, #D59518, #0E63EF, #503400)
• Misty Wisteria color palette (#FFF1F6, #D6BFF8, #A8CC72, #B481F3, #38491A)
• Airy Meadow color palette (#E9F1E3, #CECE00, #B2B5FF, #4C4C86, #2F1C28)
• Hushed Bloom color palette (#E8E9FF, #ABA9FF, #EA9600, #A49200, #2C285A)
• Tempered Coral Lantern color palette (#DDFFE9, #8BEAFF, #EA816E, #00A9C4, #6E1305)
• Dusty Summit color palette (#FFF0FF, #E4D7E1, #F5BFB4, #00BDE0, #403C69)

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