Hazy Pier color palette — #F4DBE3 · #D25C66 · #BA2300 · #682B00 · #2E1900

A conversation between Brick and Poppy, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F4DBE3): A whisper-light, dusty rose — the color of a warm blush.
• Poppy (#D25C66): A luminous, balanced red — the color of late-summer berries.
• Brick (#BA2300): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#682B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2E1900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Chalky Ember color palette (#FFE8E8, #DD6054, #944700, #5B3A00, #2C2000)
• Softworn Hollow color palette (#FBE9E9, #CF2323, #921800, #571B00, #371400)
• Airy Boulevard color palette (#F1DDE4, #FD2D64, #A62B00, #5B2D00, #130800)
• Antique Terracotta Orchard color palette (#F1DDD2, #CE6243, #007FA9, #922700, #001E2B)
• Chalky Garden color palette (#F1D6EF, #C45B9F, #BA0065, #7C001F, #421000)
• Amber Thicket color palette (#F6E9E1, #DC8535, #924900, #4E2000, #100400)
• Chalky Mulberry color palette (#F2E2D8, #ECBE84, #9BAE60, #AD2546, #351F00)
• Misty Tangerine color palette (#F5E2E0, #F57100, #B56B00, #664D00, #3E3800)

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