Hazy Harbor color palette — #FFE7F3 · #EEBD90 · #DB8F65 · #C35C4C · #483000

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

The five colors

• Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Sand (#EEBD90): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Camel (#DB8F65): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#C35C4C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#483000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Mulberry Market color palette (#FFE7F3, #D2AE78, #C66A35, #A13547, #3A370A)
• Scarlet Station color palette (#F2D4E5, #EEA669, #ED6408, #CF1D21, #3A2400)
• Muted Bronze Atelier color palette (#DDEDDB, #AACBB1, #C69252, #AF632E, #193828)
• Feathered Amber Market color palette (#FFE3CF, #D88C3D, #9D552A, #72281D, #291800)
• Taupe Atelier color palette (#FDF2F6, #CCE0CA, #D2A8BB, #B58576, #3A4D3E)
• Chestnut Archive color palette (#FFE1EB, #977C4A, #875100, #672B00, #050300)
• Weathered Quarry color palette (#E1EEE3, #B09F54, #9F740F, #824B00, #171800)
• Gentle Magenta color palette (#E1FBFF, #00C2B6, #CF60D3, #D34800, #1B2800)

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