Dusty Harbor color palette — #F7F3FA · #E0D7DB · #C9C0BA · #CF9EB2 · #504B54

Mauve takes the lead with Charcoal Brown close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F7F3FA): bright and airy, almost weightless.
• Silver (#E0D7DB): a clean, paper-quiet neutral.
• Stone (#C9C0BA): a calm mid-gray that lets other colors speak.
• Mauve (#CF9EB2): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#504B54): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Oat Meadow color palette (#FCF1FD, #E8D8D7, #EBC4A1, #ABB2A8, #523A52)
• Driftwood Lagoon color palette (#FBF3F2, #DFD8D3, #A9AFA3, #A07572, #5A504F)
• Tempered Coral color palette (#FBF2FB, #E5D5D9, #B6B5AA, #D46E78, #3C303D)
• Softworn Taupe color palette (#FFF1F6, #FFCFD1, #C99383, #757645, #4B3849)
• Dusty Cocoa Dune color palette (#F7EAEE, #C6D4C7, #95AD9C, #6D4300, #070102)
• Terracotta Atelier color palette (#FFF1F8, #E6D4D3, #D4AFBA, #984304, #15080F)
• Antique Blush color palette (#FDF0FD, #ED9093, #614D5C, #322731, #120E13)
• Worn Garnet color palette (#F3ECF5, #C5B4C6, #A1899D, #720034, #030004)

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