Dusty Harbor color palette — #FBF2FA · #DDD89F · #C77E79 · #8B504C · #291D27

Dusty Rose and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Wheat (#DDD89F): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#C77E79): A luminous, balanced orange — the color of autumn markets.
• Coffee (#8B504C): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#291D27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Hushed Loft color palette (#FBF2F6, #C4E9D0, #BC9677, #876070, #33282C)
• Hushed Bronze Studio color palette (#FFF2EB, #E5BB92, #9C5F4E, #653123, #2C1E17)
• Dusty Parlor color palette (#EAFAED, #F1C973, #B0871C, #745600, #06210E)
• Washed Mustard color palette (#FFEEE7, #C0B56A, #794343, #392016, #150905)
• Soft Rust Ridge color palette (#F8DBEA, #D9BE42, #C85A00, #7E3600, #1F0800)
• Aged Terrace color palette (#D4E4D3, #A38220, #654000, #201200, #000300)
• Linen Terracotta Orchard color palette (#F5E2EF, #AA9705, #9D2900, #4C0F00, #050004)
• Washed Apricot color palette (#FAF3F5, #CFD9DB, #D49F71, #A7A4B0, #4F4448)

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