Hushed Iris color palette — #FFF1F6 · #D7DFFC · #658EE7 · #006872 · #1C183C

Lavender Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Frost (#D7DFFC): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#658EE7): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006872): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C183C): 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 Hushed 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

• Faded Azure Chapel color palette (#FFF0FB, #B0F2FF, #009ED6, #006C58, #001E41)
• Soft Periwinkle color palette (#F8EAEF, #AADAFD, #86A0EF, #00918F, #342153)
• Softworn Turquoise color palette (#FEF1F9, #CCDDF3, #59B5CA, #447C5C, #02324A)
• Softworn Cobalt color palette (#F4F4FF, #ECD9DB, #F2C19E, #6B82B9, #27223A)
• Dusty Cerulean Terrace color palette (#FFF0FB, #6DDFED, #0086AE, #00533F, #000D1E)
• Muted Sapphire color palette (#F0E7DF, #91B8D9, #4F61BE, #004B4C, #1E0537)
• Muted Turquoise Pier color palette (#ECDDE7, #30B6BC, #005E74, #002D1C, #000103)
• Wisteria Market color palette (#FAF2FF, #CE76FF, #5D7E00, #006F55, #0C0723)

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