Dusty Harbor color palette — #F7F3FE · #D49CBF · #84A472 · #9B5983 · #22574F

Built around Slate, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Mauve (#D49CBF): A luminous, balanced pink — the color of a candy shop window.
• Moss (#84A472): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#9B5983): A full-bodied, balanced pink — the color of neon signs at night.
• Peacock (#22574F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Villa color palette (#FDF0FE, #DF9AA1, #61A6AB, #A65661, #235463)
• Tempered Cobalt Station color palette (#F2F5FF, #AEA9D8, #A99862, #7168AA, #365541)
• Weathered Plum color palette (#FEEDEF, #D6A4AB, #7BAA7E, #995396, #31322B)
• Patina Boulevard color palette (#F6F3FF, #DFB4DB, #8AC099, #B470B0, #32573D)
• Antique Driftwood color palette (#FEF1F8, #A8BFA7, #977488, #6B546E, #3C4C43)
• Muted Boulevard color palette (#F6F3FF, #BA82B2, #5F987B, #3E7D7A, #453E54)
• Mulberry Harbor color palette (#F8F2FF, #CF6CAA, #009380, #A00878, #00453B)
• Worn Oat Loft color palette (#F5F4FF, #ECD7DF, #EBBAB3, #7B8CAC, #594F5E)

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