Dusty Harbor color palette — #FFF2EE · #96A5D7 · #796DA6 · #7A4955 · #53424D
Slate and Mauve set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Mauve (#96A5D7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#796DA6): A full-bodied, balanced violet — the color of a velvet chair.
- Coffee (#7A4955): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#53424D): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged retro, 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
- Pewter Summit color palette (#FFF2EB, #BE97CB, #A05D8B, #764F37, #594044)
- Washed Petrol color palette (#F4F6F0, #C7E5E8, #769CC8, #387793, #5C4D5B)
- Sky Cabin color palette (#F9F1DE, #61B5EB, #7D6F9D, #5A532A, #342733)
- Antique Garden color palette (#E8FAEF, #77C7FF, #9888BD, #557864, #3E4857)
- Softworn Lagoon color palette (#FFEADE, #A46BBB, #91267B, #682C00, #46252C)
- Glacier Villa color palette (#FAF6E1, #97DEEC, #ABA7DA, #89925E, #344E46)
- Antique Bronze Lantern color palette (#FFF0F7, #D8B7C1, #B5888F, #A06040, #664F00)
- Weathered Violet color palette (#FFF2EC, #946EF3, #872FA7, #86020B, #3C2C52)
Browse the whole catalog at Explore, or see today's palette.