Muted Iris color palette — #EDF1FF · #8C88E3 · #AB6F7D · #396574 · #1E222F
Lavender Blue and Mocha set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#EDF1FF): a clean, paper-quiet neutral.
- Lavender Blue (#8C88E3): A luminous, balanced violet — the color of twilight just after sunset.
- Mocha (#AB6F7D): A luminous, dusty red — the color of embers at dusk.
- Peacock (#396574): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#1E222F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Muted 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
- Washed Dune color palette (#F3F0FD, #BD78BC, #A5775C, #44617D, #24202E)
- Dusty Coast color palette (#EDF2FF, #8681DC, #8C5160, #17565E, #0F1A26)
- Azure Canyon color palette (#E6F4FF, #1EA0DB, #9575A0, #42694A, #16242F)
- Dusty Basin color palette (#FEF1F9, #858BC4, #9B7753, #4F683F, #473842)
- Aged Driftwood Boulevard color palette (#F0F1F9, #C9B9F0, #A46D9A, #766996, #181320)
- Wandering Wisteria color palette (#F3EFFB, #CD7CBB, #9D5D5C, #663E4D, #1B2640)
- Wandering Mallow color palette (#F2F0FF, #E4A7DE, #A97196, #78415B, #50172B)
- Muted Grove color palette (#F1F1F9, #DDD4DE, #B7A9AC, #807F9A, #35353D)
Browse the whole catalog at Explore, or see today's palette.