Aubergine Harbor color palette — #ECF3FF · #566CE4 · #7B008D · #4B0018 · #000203

Plum and Sapphire set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#ECF3FF): bright and airy, almost weightless.
• Sapphire (#566CE4): A full-bodied, vivid violet — the color of wild irises.
• Plum (#7B008D): A full-bodied, vivid pink — the color of a candy shop window.
• Espresso (#4B0018): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000203): quiet, heavy and certain.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Violet Corridor color palette (#F0F1FF, #9453D5, #8B005B, #470C00, #030100)
• Obsidian Lapis color palette (#DEE8FF, #573AF3, #660061, #300004, #000103)
• Chalky Aubergine color palette (#E8F4FF, #0081C7, #5321B2, #430039, #060000)
• Midnight Grape Delta color palette (#E8E7F6, #8000A5, #550022, #100400, #00000B)
• Inked Aubergine color palette (#CDF0E2, #005F89, #580064, #2F0F00, #010500)
• Airy Orchard color palette (#D5DFF7, #9D9DE5, #7F61A4, #6B2639, #240A20)
• Chalky Plum Quarry color palette (#F3F4FF, #B175FF, #BB0084, #780F00, #1C1000)
• Lapis Archive color palette (#E7EEFF, #7289FF, #5521FF, #320083, #130031)

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