Hazy Pier color palette — #F8F2FF · #F7BCFD · #DF83AB · #A25957 · #5A2F1A

Bubblegum takes the lead with Thistle close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Thistle (#F7BCFD): A whisper-light, balanced pink — the color of neon signs at night.
• Bubblegum (#DF83AB): A luminous, balanced rose — the color of a warm blush.
• Walnut (#A25957): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5A2F1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Faded Field color palette (#FFF0FB, #FFBED3, #EB8A82, #A25E37, #57390F)
• Dusty Wisteria Alley color palette (#F2F5FF, #D7CFFF, #CD89CE, #99527C, #5B323B)
• Timeworn Blush color palette (#EBE7FF, #EAAFD7, #EA86B4, #C96378, #6F3A39)
• Patina Boulevard color palette (#FFD0D7, #D085B3, #C24F81, #7A3043, #401E12)
• Peony Coast color palette (#FFF2F0, #FFBFD4, #56D2C1, #C4688A, #294020)
• Chalky Rose color palette (#FEDFFF, #FF98C6, #F31559, #9B2500, #3A2100)
• Soft Bloom color palette (#FFDBDD, #FD846E, #A96000, #644800, #272400)
• Coral Thicket color palette (#FFF2EE, #EAD5CD, #D58384, #8F474C, #350410)

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