Ash Harbor color palette — #E6EAF8 · #AAA0D5 · #866F94 · #5D485D · #3D2437

Mauve and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E6EAF8): bright and airy, almost weightless.
• Mauve (#AAA0D5): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#866F94): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5D485D): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#3D2437): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Sky Dune color palette (#C1E4FC, #7AB1E2, #62759B, #4B4361, #2D2037)
• Wandering Harbor color palette (#EAE5FF, #CB99BC, #936273, #5D454F, #14311A)
• Hushed Driftwood color palette (#EAE6FF, #8E6AA1, #6B4064, #4C2017, #210B00)
• Ancient Iris color palette (#E6E9FF, #9382FB, #7250B4, #543376, #2D1939)
• Dusty Boulevard color palette (#FAECFF, #CC8CE5, #844791, #4D1F5B, #1A0020)
• Worn Pewter color palette (#BFECF8, #9FB9D2, #8D89AD, #547351, #2C4D49)
• Ancient Ridge color palette (#EDDFF1, #BE74AC, #93566B, #683C0E, #352300)
• Cobalt Corridor color palette (#E6F6F5, #97CFF7, #4780B7, #005772, #0C203D)

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