Dusty Harbor color palette — #F6F3FF · #9ED2B7 · #8D5F8D · #5A305B · #231F2E

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

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Pistachio (#9ED2B7): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#8D5F8D): A full-bodied, balanced pink — the color of a candy shop window.
• Mulberry (#5A305B): A deep, shadowed, balanced pink — the color of neon signs at night.
• Onyx (#231F2E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Dusty Celadon color palette (#FFF1F5, #B7F9BF, #87689A, #4F2C38, #170C0F)
• Mulberry Grove color palette (#FDF2F2, #C4AB79, #733B5F, #441F37, #2B1E1E)
• Patina Sand Bloom color palette (#F8F2FE, #F1D18F, #BA7FA4, #6A5C7B, #241F2B)
• Ancient Brick Thicket color palette (#FEF0FC, #B4C56C, #AF3C36, #6D1212, #2A0E27)
• Patina Balcony color palette (#F8F3F9, #E0D8D8, #B8CAC6, #BA7B83, #4D444F)
• Mulberry Loft color palette (#EBDFF5, #70C172, #A30069, #570036, #230013)
• Weathered Lantern color palette (#E6FBEE, #D79CC0, #AE784F, #2C66A0, #4A344D)
• Hushed Courtyard color palette (#F7F3FC, #EBAED9, #B4871E, #B758A0, #1A281D)

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