Hazy Pier color palette — #F2F5FF · #BFB3FF · #AFAB40 · #795FCE · #2B2900

Built around Cornflower Indigo, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BFB3FF): A luminous, balanced violet — the color of a velvet chair.
• Gold (#AFAB40): A luminous, balanced green — the color of a quiet forest floor.
• Cornflower Indigo (#795FCE): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#2B2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Soft Cobalt Balcony color palette (#EFF6FF, #98C0FF, #CFA028, #3772CD, #342500)
• Iris Summit color palette (#E9EEFF, #B9B5FF, #ACBA59, #8B78FF, #333A00)
• Orchid Drift color palette (#F5F3FF, #E9A0F1, #7DB966, #9E54A7, #0F3101)
• Chalky Nightshade Quarry color palette (#F7E2ED, #9182D8, #7F8200, #583BA8, #1D1E00)
• Powdered Hollow color palette (#F7F3FF, #FF96EA, #00B254, #A60093, #00260D)
• Hushed Lilac color palette (#F3F4FF, #AF94E9, #CD8144, #00937E, #1F1334)
• Patina Boulevard color palette (#F3F4FF, #EFD9DF, #D6B8A5, #848EC9, #343353)
• Powdered Courtyard color palette (#EBEDFF, #B187ED, #688100, #5C1099, #060900)

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