Dusty Harbor color palette — #FFDDF2 · #BDB0E8 · #9F7DB3 · #784C74 · #53302E

A conversation between Dusty Rose and Graphite, giving this palette its sense of creativity and warmth.

The five colors

• Blush (#FFDDF2): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#BDB0E8): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#9F7DB3): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#784C74): A full-bodied, balanced pink — the color of peonies in June.
• Cocoa (#53302E): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged 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

• Muted Pewter color palette (#FFF1F6, #C1A6D6, #9A70AB, #844E88, #6C4348)
• Cobalt Terrace color palette (#C2F2E4, #A2BCF1, #7C7EB7, #66507E, #4C2C35)
• Hushed Driftwood color palette (#FFECEF, #D99EBE, #BB7483, #844E4D, #3C3531)
• Pewter Boulevard color palette (#FEEDEF, #CDA3CB, #8BA76C, #8E5E8C, #32312B)
• Driftwood Orchard color palette (#FFEDEE, #EFC1E1, #A37097, #663C5B, #2D0E23)
• Mulberry Market color palette (#E7DAF4, #B85FAD, #981F70, #5D0024, #2B0000)
• Aged Rust Corridor color palette (#F8DEED, #DB8DA5, #AC5355, #7E381C, #3D1F00)
• Timeworn Ash color palette (#FFECEF, #BC87B9, #749970, #568566, #362024)

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