Misty Iris color palette — #E8F8FF · #96CBFF · #7082FF · #6F54B5 · #4C2358
A conversation between Periwinkle and Iris, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Sky (#96CBFF): A whisper-light, balanced blue — the color of deep harbor water.
- Periwinkle (#7082FF): A luminous, vivid violet — the color of a velvet chair.
- Iris (#6F54B5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#4C2358): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Misty Iris 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 Iris color palette (#ECF7FF, #B5C5FF, #9475E0, #76417F, #431B34)
- Airy Indigo Delta color palette (#C9E0FF, #97BEFF, #7F9CFF, #656EE3, #3D3778)
- Azure Garden color palette (#D4FFFC, #2BDDF8, #22A2FC, #315BB0, #393163)
- Patina Indigo color palette (#DCF2FF, #8BB4FF, #7562F0, #5B3586, #2B0628)
- Airy Grape color palette (#D8E2F1, #7B89FF, #8223C5, #65005F, #170009)
- Tempered Ridge color palette (#BBE8FF, #53A3FF, #3E5DF1, #4A18BF, #4D2575)
- Indigo Lantern color palette (#F1F5FF, #BBC2FF, #D0AD07, #6A6AE2, #382D00)
- Hushed Boulevard color palette (#DBE5F5, #6191F2, #4C5BE7, #3400B9, #22095C)
Browse the whole catalog at Explore, or see today's palette.