Dusty Harbor color palette — #FFF2EA · #C298BB · #9E627A · #765027 · #5A4041

Mocha takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Mauve (#C298BB): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9E627A): A full-bodied, balanced rose — the color of pressed rose petals.
• Coffee (#765027): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5A4041): A full-bodied, dusty red — the color of embers at dusk.

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

• Terracotta Meadow color palette (#FFF2ED, #A2A2D2, #84699F, #834347, #57404B)
• Patina Chapel color palette (#FDF2F0, #C18491, #9A603B, #5F5400, #42433C)
• Mallow Corridor color palette (#FFF0F9, #F6B7F8, #D09DB6, #A97D90, #4A4554)
• Wandering Bronze Study color palette (#FFF1F1, #D2B7B3, #A9887D, #8B6623, #634E00)
• Aged Boulevard color palette (#E7FAF4, #BCB6EC, #B87D9C, #3F7C6D, #464656)
• Brick Basin color palette (#FFF3E8, #C7698E, #A4303E, #564300, #591E30)
• Dusty Meadow color palette (#F4F3E2, #AAA2E2, #A55D84, #05604F, #38262C)
• Muted Petrol Terrace color palette (#F4F6EF, #CAE2E5, #7B9DBF, #17799B, #604A5F)

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