Dusty Harbor color palette — #F0F5FF · #BABEF5 · #9F97D6 · #7C6EA2 · #4A4B69

Mauve takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#BABEF5): A luminous, dusty violet — the color of wild irises.
• Mauve (#9F97D6): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#7C6EA2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4A4B69): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Antique Thicket color palette (#F3F4FF, #CBBBE9, #E19F8A, #9580B7, #5E4356)
• Patina Azure Terrace color palette (#DFF3FF, #96D1F3, #6AA4CF, #4F7AA3, #3A506B)
• Hushed Market color palette (#F4F4FF, #E9D0F9, #B292C8, #76598A, #333051)
• Ash Villa color palette (#F4F4FF, #DFD7E0, #BBB2A9, #9DA4C9, #535065)
• Ancient Blush color palette (#FFE5F4, #EEA5CA, #C47192, #A2546E, #5B4160)
• Peony Balcony color palette (#F8E0FE, #DC92DD, #BC64AC, #87386D, #592C43)
• Frosted Orchid color palette (#E2DFED, #C592FF, #A959D3, #8836A2, #562458)
• Washed Delta color palette (#EAFAEE, #B3D4BE, #83A68A, #657C65, #394D42)

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