Dusty Harbor color palette — #FFF1F5 · #A7BFAD · #99795A · #814F3D · #394D44

Coffee and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Stone (#A7BFAD): A luminous, dusty teal — the color of sea glass.
• Mocha (#99795A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#814F3D): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#394D44): A full-bodied, dusty teal — the color of sea glass.

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

• Chestnut Parlor color palette (#FCF0E3, #CCB79E, #A07A52, #7D4A14, #342A1B)
• Taupe Archive color palette (#FFF1F5, #B8D3B8, #B9936E, #8E6779, #3F4B41)
• Muted Chestnut color palette (#F4E2ED, #B78D6A, #924E38, #6E2A35, #203724)
• Bronze Canyon color palette (#DEF6E3, #A0A25F, #836400, #6D3B00, #293C14)
• Cobalt Atelier color palette (#F1F6FB, #A2C3EB, #A96773, #236EBC, #332A35)
• Weathered Fern Dune color palette (#F2F5FF, #8D88C0, #A86D66, #686200, #383C4C)
• Tempered Onyx color palette (#F3E0E9, #906F44, #6E3100, #520007, #1C1500)
• Washed Mulberry Station color palette (#EEF6FF, #AFBBE1, #9973AB, #854176, #72273B)

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