Faded Iris color palette — #EFF6FF · #5893FB · #B06B45 · #855633 · #102F34

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender Blue (#5893FB): A luminous, vivid violet — the color of wild irises.
• Mocha (#B06B45): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#855633): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#102F34): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Faded 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

• Misty Turquoise Coast color palette (#EBF7FF, #00ACCF, #B46139, #894E34, #192E29)
• Softworn Delta color palette (#F4F4FF, #9E7CD5, #B96262, #6F5602, #132C37)
• Periwinkle Alley color palette (#EFF6FF, #73A2FF, #BC6358, #376C3A, #06413D)
• Muted Lilac color palette (#F4F4FF, #B695E6, #A9804B, #746933, #2B3840)
• Muted Amber color palette (#FCF1FC, #73A6DB, #C2694F, #575900, #0C1C0E)
• Hushed Chapel color palette (#E1FCF4, #85B1FF, #A172AD, #596B39, #343C53)
• Hushed Parlor color palette (#E1ECFF, #6F66FF, #6A5F00, #544C00, #001A15)
• Quiet Amethyst Terrace color palette (#E4EBFF, #6F51E8, #6C6300, #004651, #080D24)

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