Hazy Harbor color palette — #EBDBDE · #E67073 · #CB4427 · #7F2C00 · #4B2500

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

The five colors

• Bone (#EBDBDE): a clean, paper-quiet neutral.
• Watermelon (#E67073): A luminous, balanced orange — the color of autumn markets.
• Terracotta (#CB4427): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#7F2C00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4B2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Quiet Studio color palette (#FFE3E8, #FF8891, #D70F05, #7A2900, #391B00)
• Crimson Basin color palette (#FCE5F0, #E0698F, #CA3256, #940C1E, #4E1100)
• Ancient Loft color palette (#FFE8E8, #F18A7F, #C66232, #95490B, #593705)
• Muted Ember Market color palette (#FADFDC, #DD5D33, #994A00, #5C3700, #2B1B00)
• Rose Workshop color palette (#FDE3F2, #FF6E98, #FC3333, #995300, #412B00)
• Gentle Terracotta color palette (#F2D8CA, #DE7757, #0095B4, #AC3400, #002E3A)
• Antique Bronze Drift color palette (#FFF1E8, #F4D0A6, #BEB472, #A35D5B, #4D2A0A)
• Muted Amber Harbor color palette (#F7E2D6, #DC8A1E, #9B7000, #665000, #363300)

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