Dusty Harbor color palette — #F7E7ED · #B482FF · #8B5270 · #583545 · #170E16

Wisteria and Graphite set the tone — five colors that lean into creativity and balance.

The five colors

• Blush (#F7E7ED): a clean, paper-quiet neutral.
• Wisteria (#B482FF): A luminous, vivid violet — the color of a velvet chair.
• Graphite (#8B5270): A full-bodied, balanced rose — the color of pressed rose petals.
• Cocoa (#583545): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#170E16): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Balance. Tagged noir, dark, luxury, 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

• Timeworn Drift color palette (#F5E7F2, #799BFF, #7D548E, #54364F, #04160F)
• Pale Magenta Lagoon color palette (#FFDEE1, #F64FE3, #955051, #5C343A, #1A0D13)
• Dusty Orchid Parlor color palette (#EFDAE0, #B559EA, #7C3B53, #45232F, #090207)
• Blush Quarry color palette (#F3DFDF, #E289BD, #9C5D3D, #574444, #1D1618)
• Quiet Magenta color palette (#F4DDDF, #C523B2, #672D2E, #2F1317, #050002)
• Magenta Grove color palette (#E5E9FF, #D3A6FF, #F43AE9, #D33874, #672327)
• Twilit Lantern color palette (#DFE1FB, #853BCE, #3F1A35, #0D0C25, #01030A)
• Hushed Boulevard color palette (#FCE5E0, #FF2D79, #894300, #52232E, #120305)

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