Dusty Harbor color palette — #FFE8E2 · #B59048 · #5F734C · #454167 · #3E2645

Mustard and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE8E2): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#B59048): A luminous, balanced gold — the color of old brass.
• Olive (#5F734C): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#454167): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Indigo (#3E2645): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty 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

• Taupe Parlor color palette (#FFDFD1, #AC9E74, #497F76, #505578, #3D4055)
• Bronze Harbor color palette (#FCE0CA, #8B7C20, #2E6B3F, #3E3053, #2C1845)
• Hushed Taupe color palette (#FAE0EB, #CD8A79, #766337, #2A4C5D, #003C4A)
• Wandering Bronze color palette (#FDDCDF, #D19692, #9D7937, #634C7D, #4F2849)
• Timeworn Terrace color palette (#EFEAD3, #71A758, #2D817B, #68395E, #55232F)
• Forest Corridor color palette (#D7EBDC, #879348, #196619, #562F45, #0B3025)
• Cobalt Boulevard color palette (#F6E3D5, #CAB47F, #929E67, #2383AF, #22315F)
• Gentle Terrace color palette (#C5E8D4, #8F8000, #7152BC, #534A00, #2C1D50)

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