Muted Harbor color palette — #E4EEF9 · #4778FF · #5447FF · #4E12AB · #20003C
Iris and Indigo set the tone — five colors that lean into creativity and energy.
The five colors
- Frost (#E4EEF9): a clean, paper-quiet neutral.
- Periwinkle (#4778FF): A luminous, vivid violet — the color of twilight just after sunset.
- Iris (#5447FF): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4E12AB): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#20003C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Muted 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
- Voltage Amethyst color palette (#E4EBFE, #7A62FF, #8516F8, #6B00A0, #200025)
- Antique Nightshade color palette (#CDEBFC, #008DDB, #005EDA, #2C2BC4, #130044)
- Aged Ultramarine color palette (#C3E5F2, #0279EC, #3600E3, #48007E, #270029)
- Hazy Nightshade Alley color palette (#D4F1FF, #077BF3, #4700C9, #380067, #050005)
- Linen Ultramarine Parlor color palette (#E8F0FF, #3342CF, #2E009C, #1C0057, #08001B)
- Faded Station color palette (#FFE8F5, #958FFF, #858702, #4E13CB, #101100)
- Aged Byzantium color palette (#DCE8FA, #9CA7FF, #8570FF, #942EE7, #4C1A5F)
- Softworn Violet Workshop color palette (#F8DFEB, #8550FF, #B55500, #00785F, #090120)
Browse the whole catalog at Explore, or see today's palette.