Dusty Harbor color palette — #FFE8E3 · #FFC0C7 · #EE9A9C · #B27C77 · #783D1A

Rose Quartz takes the lead with Bronze close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#FFE8E3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Shell Pink (#FFC0C7): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#EE9A9C): A luminous, balanced red — the color of embers at dusk.
• Caramel (#B27C77): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#783D1A): A full-bodied, balanced orange — the color of toasted spice.

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

• Worn Cabin color palette (#FAF2FF, #F8D4C8, #E7A0A3, #B07267, #644759)
• Stone Harbor color palette (#FFF3E9, #FFD0AC, #E5AF7A, #AA885E, #6C4700)
• Wandering Powder color palette (#FFF2ED, #FFC4BE, #C2BFFB, #D7958E, #5F4353)
• Muted Petal Balcony color palette (#FFEAEF, #F9C1FF, #D59ED2, #AC82A2, #674748)
• Faded Tangerine Corridor color palette (#FFE0DD, #FFA997, #FF6E37, #C15A20, #683201)
• Tempered Chestnut Grove color palette (#FFF2EB, #DFDACD, #D7AF9E, #A5B9D4, #7B4415)
• Shell Thicket color palette (#FFF2EB, #FFB197, #C6C176, #CB9EC2, #48413D)
• Weathered Ember Veranda color palette (#F3DCD5, #FF844C, #D66400, #A25500, #3F2200)

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