Dusty Harbor color palette — #EFF6FF · #8DA7E2 · #B17251 · #63713D · #21353C

Mocha takes the lead with Cornflower close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#8DA7E2): A luminous, balanced violet — the color of wild irises.
• Mocha (#B17251): A luminous, balanced orange — the color of autumn markets.
• Olive (#63713D): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#21353C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Antique Lilac color palette (#F4F4FF, #BA90CB, #92834C, #437A62, #27323F)
• Aged Courtyard color palette (#ECF7FD, #66ABBE, #B06F82, #7F5D39, #203736)
• Wandering Powder color palette (#EAFAED, #B9B8EA, #A983AA, #537962, #44465A)
• Ancient Iris color palette (#F2F5FF, #9578FE, #A16700, #15690B, #002737)
• Coral Pier color palette (#FBF2FB, #97C1F2, #E58A8D, #679C7B, #372C38)
• Patina Mulberry Loft color palette (#F3F4FD, #897BAD, #894A72, #3B5619, #2C3245)
• Aged Lilac color palette (#F0F1FD, #AD89D0, #5A5566, #363744, #1F2128)
• Washed Ash Courtyard color palette (#F2F5FC, #DCD8E0, #BCADB3, #8F9BB9, #4F525A)

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