Dusty Harbor color palette — #ECF9F2 · #B8B27D · #8D8EE1 · #7D7430 · #434C65

Lavender Blue and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#B8B27D): A luminous, dusty green — the color of fresh herbs.
• Lavender Blue (#8D8EE1): A luminous, balanced violet — the color of wild irises.
• Walnut (#7D7430): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#434C65): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Mustard Canyon color palette (#E4F7EE, #BAB86B, #8F98CF, #787535, #263049)
• Aged Pine Veranda color palette (#EBF8F7, #8EBE97, #BA82B9, #418351, #4F4766)
• Worn Coast color palette (#FFF0F7, #D8A381, #52A1D5, #A16032, #375065)
• Aged Mustard color palette (#F9F5E9, #C9C97F, #A0ADEA, #919054, #5B4555)
• Cerulean Thicket color palette (#E7FBF1, #9C9D57, #2B96BF, #A15D7F, #35473F)
• Aged Driftwood Summit color palette (#EEF8F2, #99C3B2, #8B814A, #47664D, #384D48)
• Muted Taupe color palette (#F9F5E9, #DDD89C, #86D7DC, #B4AB59, #3A553E)
• Byzantium Basin color palette (#D8FFF3, #8EB32D, #9830D5, #4E6600, #4B2665)

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