Dusty Harbor color palette — #D9E4DD · #C3B3C4 · #A38393 · #004D5C · #112419
A conversation between Deep Teal and Heather, giving this palette its sense of trust and stability.
The five colors
- Silver (#D9E4DD): a clean, paper-quiet neutral.
- Ash (#C3B3C4): A luminous, dusty pink — the color of peonies in June.
- Heather (#A38393): A luminous, dusty rose — the color of strawberry cream.
- Deep Teal (#004D5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#112419): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. 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
- Wandering Boulevard color palette (#E3E8DD, #ADBEB1, #73978C, #00523C, #1C2116)
- Washed Abyss Delta color palette (#DBE7EF, #A6B5C2, #7F8FA0, #004B63, #000C16)
- Petrol Field color palette (#DFEAE5, #B7C9C2, #B09EB2, #006A8B, #0C251B)
- Hushed Quarry color palette (#F6EBF0, #D9C7C9, #B89891, #554C7D, #352A2F)
- Dusty Navy Lagoon color palette (#E9DCE6, #AA929A, #876766, #181F67, #10060D)
- Pine Meadow color palette (#EAE4D0, #4A8B4F, #005046, #09324A, #1A1D00)
- Aubergine Meadow color palette (#C9F5F1, #4383AF, #66437F, #333C00, #042A10)
- Frosted Aubergine Grove color palette (#F5DFC1, #007382, #3C2487, #332000, #001828)
Browse the whole catalog at Explore, or see today's palette.