Misty Iris Pier color palette — #EFF6FF · #9BBEFF · #6A82E2 · #4A50A3 · #2B2650

A conversation between Periwinkle and Indigo, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9BBEFF): A luminous, balanced violet — the color of twilight just after sunset.
• Periwinkle (#6A82E2): A luminous, balanced violet — the color of a velvet chair.
• Indigo (#4A50A3): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2B2650): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Misty Iris Pier 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

• Faded Violet color palette (#F4F3FF, #C7B0FF, #986FCD, #744791, #3D1C48)
• Soft Lagoon color palette (#E6F8FF, #69CDFF, #009CE0, #0965A1, #072B50)
• Soft Orchard color palette (#DCF2FF, #80BFFF, #8094F9, #7E66D4, #482A5A)
• Lapis Chapel color palette (#D7E1EE, #7197ED, #4852D7, #433D99, #39345D)
• Pale Indigo color palette (#F1F5FF, #B9B5FF, #E68785, #7168C0, #4B0F13)
• Pale Iris Hollow color palette (#F5F3FF, #DCD5FF, #9181D8, #4D3983, #160437)
• Dusty Boulevard color palette (#D8E3FF, #7D87FF, #5641CA, #380783, #180033)
• Ash Bloom color palette (#F2F5FF, #E5D8E0, #B9B5AB, #8A8EC3, #30314C)

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