Weathered Harbor color palette — #EFF1FE · #D5D5EC · #DBBDFF · #C57E85 · #2E293C

Lavender and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF1FE): bright and airy, almost weightless.
• Silver (#D5D5EC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#DBBDFF): A whisper-light, balanced violet — the color of wild irises.
• Dusty Rose (#C57E85): A luminous, balanced red — the color of late-summer berries.
• Onyx (#2E293C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Weathered 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

• Shell Garden color palette (#F5EFF8, #E9D0E4, #FDB3AF, #C7926D, #332332)
• Wandering Terrace color palette (#F4F4FF, #E1D5E4, #E1BFFF, #B282AA, #45425A)
• Dusty Peony color palette (#EFF1FF, #D6A8DA, #B46197, #7C3F54, #3F293F)
• Timeworn Ash color palette (#ECF2FF, #CBC6E5, #AD91B1, #51696B, #32494B)
• Gentle Peony Terrace color palette (#F6EEFF, #D9BCFF, #F764AA, #B7580A, #210C25)
• Worn Delta color palette (#F4F0FA, #D99EC5, #12B3AC, #965B83, #13373E)
• Timeworn Scarlet color palette (#F3EFFF, #C2C1FF, #EB87FF, #DF3234, #3B042A)
• Dusty Driftwood color palette (#ECECFA, #9672AC, #41364A, #1D1D28, #0B0C10)

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