Dusty Harbor color palette — #FFF2ED · #E9D7C6 · #E39479 · #B46E4D · #4C4540

A conversation between Camel and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E9D7C6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#E39479): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B46E4D): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#4C4540): a grounded near-black with real depth.

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

• Weathered Amber Market color palette (#FFF2E9, #EBD9BB, #A4DCA8, #DB7E47, #464740)
• Timeworn Boulevard color palette (#FFEAFD, #EB9B8A, #BA725B, #81533C, #604753)
• Timeworn Harbor color palette (#FFF3E5, #DCDFC2, #D4B56C, #978030, #4F4C45)
• Aged Bronze color palette (#FFF3E8, #DDDACB, #D8A075, #985720, #492505)
• Chalky Apricot color palette (#FFD8BB, #E69842, #A26700, #654500, #2D1F00)
• Softworn Ash Thicket color palette (#FFF2EA, #FABC9A, #B8C187, #CA8BB0, #3D3732)
• Dusty Amber Coast color palette (#E8DECD, #B98D00, #725C00, #3E3800, #101000)
• Amber Hollow color palette (#FFF3E6, #EEBE72, #B98900, #705A00, #302800)

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