Dusty Harbor color palette — #FFF0FD · #BEC9F7 · #A197DA · #846BAF · #65414B
Slate and Mauve set the tone — five colors that lean into creativity and sophistication.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Lilac Frost (#BEC9F7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#A197DA): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#846BAF): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#65414B): A full-bodied, dusty red — the color of late-summer berries.
Feels like: 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
- Powder Studio color palette (#EDF7FF, #C4D8FF, #B6AAF0, #9C7FA9, #524862)
- Softworn Cobalt color palette (#DAFFEF, #9BCBF0, #74A2DE, #5A70B2, #664359)
- Worn Iris color palette (#FFF1F7, #C7BCED, #B3B774, #9379D6, #4F4D46)
- Tempered Plum color palette (#FFF1F5, #E1B9E2, #BF81AF, #A2587F, #68453F)
- Dusty Pewter Summit color palette (#FFF1F5, #FBCADA, #AF8FC2, #7D5A9F, #412C51)
- Patina Quarry color palette (#FFF1F5, #E4D7D3, #9DB4A1, #9598C5, #624B52)
- Frosted Boulevard color palette (#F3EAFF, #C592D4, #B257A6, #9D2772, #5A273D)
- Softworn Veranda color palette (#E0E0F9, #BAA4FF, #B35BE3, #9410AA, #681B56)
Browse the whole catalog at Explore, or see today's palette.