Hazy Harbor color palette — #F8DEE8 · #DD5D83 · #AC0A2E · #7A0500 · #501B00

A conversation between Garnet and Hot Pink, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#F8DEE8): A whisper-light, dusty rose — the color of a warm blush.
• Hot Pink (#DD5D83): A luminous, vivid red — the color of a theater curtain.
• Garnet (#AC0A2E): A full-bodied, vivid red — the color of embers at dusk.
• Oxblood (#7A0500): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#501B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Harbor 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

• Tempered Station color palette (#FBD6DB, #D35E59, #AF2C00, #632800, #402200)
• Antique Scarlet color palette (#FEE5FF, #E1719D, #D42C3C, #922E00, #3E2100)
• Muted Mulberry Study color palette (#EAD8ED, #C967BB, #A02674, #75003A, #510E1D)
• Chalky Lantern color palette (#F1D3EC, #C8544E, #007980, #8C0110, #003033)
• Tempered Rust color palette (#FCEBE7, #B34E00, #593000, #321F00, #161000)
• Rust Alley color palette (#FEDCD4, #B43E27, #00713A, #364296, #381109)
• Faded Bronze color palette (#FFD3CF, #DB8F78, #B56B3D, #814B00, #564017)
• Taupe Ridge color palette (#FFE7F7, #EFB98E, #B39954, #85434D, #48283D)

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