Hushed Iris color palette — #FAF3F5 · #C7DFF6 · #6B87CF · #006F7C · #3E4664

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Powder Blue (#C7DFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#6B87CF): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3E4664): A full-bodied, dusty violet — the color of wild irises.

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

• Tempered Villa color palette (#FFF1F6, #A2D5FB, #3A77F1, #00656D, #3B3A65)
• Timeworn Cypress color palette (#F9F3F7, #B7E5F3, #3997B2, #1A7350, #2E4B63)
• Dusty Cerulean Pier color palette (#F0F3EB, #B8E8DB, #7090B9, #316580, #392337)
• Softworn Denim color palette (#F4E7F0, #68AAB9, #005E85, #003F35, #021E44)
• Navy Pier color palette (#F8E5EE, #3A8AAD, #003D70, #002222, #040328)
• Faded Cabin color palette (#ECFAEC, #C69550, #0092D8, #895B00, #25465F)
• Hushed Petrol color palette (#FEF0FB, #5BCAD9, #00789F, #005845, #003361)
• Soft Amber color palette (#EAFBE8, #BA7800, #2C81C0, #5265A2, #2A3E29)

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