Hazy Pier color palette — #F5F3FF · #FA6BFB · #F36404 · #A37500 · #1E223F

Pink Orchid and Pumpkin set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Pink Orchid (#FA6BFB): A luminous, vivid pink — the color of peonies in June.
• Pumpkin (#F36404): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A37500): A full-bodied, balanced gold — the color of old brass.
• Midnight (#1E223F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Ancient Ember color palette (#F8F2FF, #FF88CF, #FA5F25, #8D7200, #3E1E56)
• Fuchsia Boulevard color palette (#F5F3FF, #DE79F8, #D56C43, #3479A4, #161B33)
• Sunlit Peony color palette (#F9F2FF, #FF6DBD, #DB861D, #4462C0, #2B1635)
• Frosted Garden color palette (#FFF1F5, #B571FF, #966F00, #005A3B, #001229)
• Hazy Meadow color palette (#FEE4FE, #FF6D7A, #A28800, #7540C3, #2F0622)
• Magenta Meadow color palette (#E8DFF5, #EA00C3, #B36111, #0C4596, #0A0015)
• Hushed Magenta Veranda color palette (#F4F4FF, #C14FE8, #717A00, #565D00, #052638)
• Weathered Peony Corridor color palette (#E7D9F1, #FF57B1, #8B5561, #493B53, #140F1B)

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