Muted Iris color palette — #FDF2F5 · #BAD8F5 · #7794D5 · #007A87 · #30385A

A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Powder Blue (#BAD8F5): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#7794D5): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#30385A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Muted Pine color palette (#FAF2F8, #B2DCE9, #4EA2BA, #217E57, #1D3E57)
• Cornflower Corridor color palette (#FFF0F7, #96D5F1, #008FF2, #00726F, #1D2774)
• Cobalt Corridor color palette (#F4F6EE, #A2D0C3, #447ABA, #005B7B, #263A5E)
• Washed Powder color palette (#FBF2F6, #DADEED, #98B2DE, #519298, #49526A)
• Worn Petrol Bloom color palette (#F6E5F0, #5DAFC5, #006DA0, #004B42, #000F3A)
• Linen Market color palette (#F7D9F8, #E56774, #009E98, #287BA1, #39213A)
• Patina Lantern color palette (#EDE0E9, #639F9B, #006372, #003E1F, #000B13)
• Quiet Plum color palette (#F9E7FE, #E6879C, #00AAAC, #B34765, #003E3F)

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