Misty Coast color palette — #F3F4FF · #B4B2F4 · #7E74D5 · #4B389F · #1F104E
A conversation between Indigo and Periwinkle, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#B4B2F4): A luminous, balanced violet — the color of a velvet chair.
- Periwinkle (#7E74D5): A luminous, balanced violet — the color of wild irises.
- Indigo (#4B389F): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#1F104E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged monochrome.
Use it as a design system
One click turns Misty Coast 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
- Frosted Aubergine Meadow color palette (#FCF1FF, #D1A6DE, #A86AB8, #722485, #370F41)
- Antique Cobalt Canyon color palette (#FFF0FF, #8FBFF4, #3F85CD, #005497, #00254B)
- Aged Grape Harbor color palette (#FFF0F8, #9A9BE9, #5E47B7, #381F77, #251C4A)
- Quiet Iris Canyon color palette (#F3F4FF, #DAD9FF, #8C84E0, #3F397F, #0D042F)
- Lilac Parlor color palette (#EEEFFF, #CAC9FF, #9C94F1, #6B64A8, #1B1943)
- Grape Courtyard color palette (#E2DEED, #A288EA, #713BC4, #3C0076, #100029)
- Weathered Iris Cabin color palette (#FFF0F8, #F8D0CD, #E1B2F2, #7185CD, #553144)
- Aged Grape color palette (#F3E9F7, #AE68C9, #8800A1, #3C004C, #08000D)
Browse the whole catalog at Explore, or see today's palette.