Muted Iris Courtyard color palette — #E7EFFF · #8B96FF · #577D00 · #006F6D · #1D263C

Lavender Blue and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E7EFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#8B96FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#577D00): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#006F6D): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#1D263C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Muted Iris Courtyard 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

• Lilac Atelier color palette (#ECEDFE, #A576D2, #8C8300, #006E77, #242439)
• Patina Cerulean color palette (#E0F1FD, #009DCA, #A87500, #007251, #0F2938)
• Soft Magenta Archive color palette (#E5E0FF, #DE4CF2, #2A7A00, #006279, #300F34)
• Ancient Corridor color palette (#D9F7EA, #C885CF, #BE4E50, #006168, #372944)
• Wisteria Pier color palette (#FFE7ED, #CF8DED, #99AA51, #7C8C28, #391C25)
• Feathered Peony color palette (#F1EBFF, #CD5FB8, #009390, #006C82, #2A213A)
• Indigo Market color palette (#E2EBFF, #696BF3, #365C00, #004A60, #090827)
• Hushed Teal Delta color palette (#F4F4FF, #BE9AD8, #54B08C, #557FA1, #3C3B4B)

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