Hazy Pier color palette — #FFDBE1 · #FF6F57 · #CF5400 · #7A4900 · #3F2D00

Watermelon and Terracotta set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDBE1): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#FF6F57): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#CF5400): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#7A4900): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F2D00): A deep, shadowed, dusty gold — the color of old brass.

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

• Hazy Ember Villa color palette (#FFE3E5, #FF948C, #D45500, #684000, #2E2000)
• Dusty Tangerine Parlor color palette (#FFE7E4, #F86D00, #A36500, #755300, #3E3800)
• Scarlet Lantern color palette (#F9EAEF, #FF567B, #E1071A, #843B00, #4B2A00)
• Quiet Workshop color palette (#FFD4BC, #DB9425, #B55B1C, #8F282A, #322800)
• Frosted Apricot color palette (#FED8EA, #FF8E32, #0087B7, #A05000, #003248)
• Weathered Lime Drift color palette (#FFF0E7, #EED48E, #8DCB55, #C1575E, #482E00)
• Patina Rust color palette (#FFE4E0, #A74900, #5E3A00, #362800, #070600)
• Aged Taupe color palette (#FFEEFE, #FBBCA7, #CC9366, #937441, #385644)

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