Hazy Pier color palette — #F8E7FB · #E4577B · #867100 · #005E57 · #0A0042

Hot Pink and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E7FB): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#E4577B): A luminous, vivid red — the color of late-summer berries.
• Walnut (#867100): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0A0042): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Ember Alley color palette (#F8DCEE, #E5612D, #5D8000, #005B6A, #190035)
• Peony Coast color palette (#E8E2F3, #D556BC, #A16200, #00613B, #001227)
• Ancient Plum Field color palette (#EAE1F2, #B84181, #006248, #003A41, #001519)
• Hushed Cypress Quarry color palette (#FFD9E0, #D09989, #A67F47, #007672, #003343)
• Gentle Bronze color palette (#F1DBE3, #A45E00, #006833, #003A5B, #050004)
• Worn Courtyard color palette (#FADFF0, #FF7D4A, #47A300, #00709A, #40003F)
• Tempered Ember Quarry color palette (#F8DDDB, #F26743, #BC5200, #784600, #2A1800)
• Ancient Crimson Meadow color palette (#FBE3F8, #E20033, #5E3723, #291428, #030105)

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