Hazy Ember Harbor color palette — #D7F1DF · #E3523C · #715700 · #053A65 · #280D1C

A conversation between Scarlet and Coffee, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D7F1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Scarlet (#E3523C): A luminous, vivid orange — the color of autumn markets.
• Coffee (#715700): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#053A65): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#280D1C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Weathered Ember color palette (#D5F2DA, #D66400, #615F00, #213667, #081E07)
• Feathered Peony color palette (#CBF5DE, #D4568F, #8D4400, #003F53, #221022)
• Worn Rose color palette (#FAEDD3, #C6626E, #6F5700, #194070, #352F2B)
• Timeworn Rust color palette (#FCE6F3, #CE4B00, #006452, #00355E, #100939)
• Aubergine Hollow color palette (#F7E1C4, #A87400, #2E6100, #331577, #161200)
• Dusty Amber Parlor color palette (#FFECCE, #DC8967, #977017, #00606F, #352F2A)
• Eclipse Chestnut Bloom color palette (#FAE4EC, #915300, #0D2C1D, #15080D, #040103)
• Terracotta Ridge color palette (#F2E4C6, #A83D00, #443C00, #00194D, #0B0300)

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