Hazy Pier color palette — #FFE7F5 · #E88DA3 · #B45A5A · #76361C · #321800

Brick takes the lead with Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFE7F5): A whisper-light, dusty pink — the color of peonies in June.
• Rose (#E88DA3): A luminous, balanced red — the color of late-summer berries.
• Brick (#B45A5A): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#76361C): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#321800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Pale Workshop color palette (#FFE2E1, #FB9278, #AB6C3C, #643F00, #292100)
• Misty Mallow color palette (#F7EAFF, #DE96D9, #AD587D, #762B3B, #4B0302)
• Softworn Cocoa Pier color palette (#FDE3FF, #D89DBA, #A76064, #833900, #523700)
• Powdered Blush color palette (#E2F9E6, #DE759A, #9F5238, #00543F, #2D1B2E)
• Pale Blush color palette (#FCECFD, #FFBDE3, #FA92A1, #B6754D, #301D2F)
• Feathered Rose Harbor color palette (#F5D7DC, #FF4E43, #983A00, #502D00, #1B1000)
• Tempered Courtyard color palette (#F4F0F7, #E5D4DA, #CBB8BB, #966379, #2E2A31)
• Peony Corridor color palette (#FAECFE, #D5627F, #7D6000, #004D3B, #011E3E)

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