Dusty Harbor color palette — #E9FAED · #EFD9EA · #E0AFB0 · #949D87 · #455916

Deep Olive takes the lead with Rosewood Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Shell Pink (#EFD9EA): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#E0AFB0): A luminous, dusty red — the color of embers at dusk.
• Taupe (#949D87): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#455916): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Muted Shell color palette (#FFF0F8, #F3C3C2, #D1AF96, #729784, #3E5247)
• Timeworn Cocoa color palette (#FAF4EE, #EADDBC, #9EC28E, #AF9197, #604A00)
• Wandering Courtyard color palette (#E7F4FF, #BCC5D9, #9692A4, #4E6B66, #274548)
• Gentle Market color palette (#DAFFEF, #D1C8FA, #EA89AC, #5D9993, #005C56)
• Wandering Coast color palette (#FFF1F5, #D8B8F1, #6CD4B3, #50B5BC, #4F3C42)
• Hushed Basin color palette (#CAF2E7, #C4A4D9, #D27979, #668160, #273C22)
• Worn Powder color palette (#FBF3F1, #BEE4EA, #8AD2F0, #84AE8B, #5E4B5F)
• Worn Mallow Chapel color palette (#FFF0FD, #D4CDFF, #D298E9, #B97DA3, #62453F)

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