Hazy Pier color palette — #F8DAFF · #FFA9D2 · #F08391 · #AF6F60 · #4B453F

Built around Rose, softened by Carnation — the whole palette hums with warmth and comfort.

The five colors

• Thistle (#F8DAFF): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#FFA9D2): A whisper-light, balanced rose — the color of a warm blush.
• Rose (#F08391): A luminous, balanced red — the color of embers at dusk.
• Mocha (#AF6F60): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#4B453F): a grounded near-black with real depth.

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

• Apricot Ridge color palette (#FFD5E6, #FFACB1, #F18E63, #A97B42, #47433D)
• Weathered Mallow color palette (#E2DBFF, #EFAEFF, #DC88C7, #B06C77, #4D4542)
• Muted Grove color palette (#FFE4F2, #FF97BD, #D87186, #985450, #614058)
• Hazy Aqua Grove color palette (#FFF2EE, #FFB4BE, #3FD4E2, #D48490, #004C52)
• Wandering Archive color palette (#FFE3F5, #FF8795, #F94806, #AE5900, #3F2E00)
• Worn Alley color palette (#FFF2EC, #FFCAB9, #EE968C, #B36D63, #4C221D)
• Quiet Garnet color palette (#E2DDEE, #D08AA7, #B6576A, #922326, #451C03)
• Glacier Quarry color palette (#FDE1E6, #18EBF3, #FFA3EC, #6D5557, #34292A)

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