Dusty Harbor color palette — #FFF1F3 · #FFC3BE · #ED8B68 · #9F643D · #4F2D3A

A conversation between Salmon and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFC3BE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#ED8B68): A luminous, balanced orange — the color of autumn markets.
• Ochre (#9F643D): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4F2D3A): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Hushed Blush color palette (#FFF0F9, #FFC1D9, #EA8198, #955150, #54334B)
• Ancient Amber color palette (#FFF2EF, #FFC1A8, #DA8B4D, #96672E, #2C4730)
• Dusty Terracotta color palette (#FFE0DB, #DB9686, #B45A38, #943F00, #673F24)
• Timeworn Apricot color palette (#FFF3E8, #E0DAC5, #D99057, #7F5122, #351B00)
• Frosted Boulevard color palette (#FFE2DB, #FF9E6F, #B96700, #6C4900, #302200)
• Powdered Canyon color palette (#FFF0F8, #FFC5AB, #5EC8F9, #C47147, #033E54)
• Hazy Mustard color palette (#F1E8D8, #D3AF00, #877C00, #424800, #122700)
• Washed Apricot Pier color palette (#FFF0F7, #FEA164, #5ABFA4, #9388C0, #3A232F)

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