Muted Iris color palette — #F2F5FF · #7D77BB · #567D48 · #12623E · #2B3248

Slate Blue takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Slate Blue (#7D77BB): A luminous, balanced violet — the color of a velvet chair.
• Olive (#567D48): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#12623E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#2B3248): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Muted Cobalt color palette (#F0F6FF, #5F7EC9, #7C722A, #5E5400, #273347)
• Weathered Ash Courtyard color palette (#F7F3FF, #B678A7, #5C8C6D, #3F6A4F, #3F3A49)
• Timeworn Driftwood color palette (#F7F3FF, #A76999, #A25B45, #445C13, #362E43)
• Airy Lantern color palette (#E7F6EE, #2F93B3, #7B791D, #286118, #042014)
• Quiet Olive color palette (#EBF7FF, #45ACD1, #929547, #477F39, #1D3645)
• Wandering Quarry color palette (#E1FDF1, #B284BD, #9A5055, #00595D, #433751)
• Worn Corridor color palette (#F5F4FB, #E1D7DC, #CFB9BE, #886887, #484552)
• Byzantium Station color palette (#FCD6FF, #B829C7, #005920, #003F35, #330A37)

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