Muted Iris color palette — #FDF2F6 · #B9D9F2 · #7193E0 · #007C77 · #323759

Lavender Blue and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#B9D9F2): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#7193E0): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007C77): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#323759): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Azure Study color palette (#F9F3F9, #AEDDEB, #00A5CD, #347E41, #243C56)
• Cornflower Courtyard color palette (#FEF1F8, #6ADCFB, #0092EB, #00755B, #24276F)
• Aged Cobalt Station color palette (#FBF4EA, #9CCCEB, #407BBA, #005E6B, #4B3047)
• Aged Powder Courtyard color palette (#FAF3F6, #D9DFEE, #90B3E9, #54948A, #4C5265)
• Linen Ultramarine Dune color palette (#F2E1E7, #5E99C4, #364AB5, #003B3B, #0E0023)
• Indigo Lantern color palette (#DBE3DA, #7DB8E9, #5360EB, #00595B, #280F43)
• Pale Petrol color palette (#FAEBF6, #3BB3C5, #006E9F, #004D32, #030C3D)
• Wisteria Alley color palette (#E2F4E9, #BBA934, #C76BD1, #817200, #49254D)

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