Tempered Iris color palette — #F2F5FF · #877AD0 · #8C532A · #00563E · #003B3C

Lavender Blue and Coffee set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender Blue (#877AD0): A luminous, balanced violet — the color of twilight just after sunset.
• Coffee (#8C532A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#00563E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Cornflower Alley color palette (#EEF6FF, #2F8CE2, #964940, #544806, #02423C)
• Muted Peony color palette (#F6F3FF, #B565B7, #706400, #00544E, #13374F)
• Weathered Bronze color palette (#FCF1FB, #80A6E0, #A47634, #006D60, #004239)
• Dusty Powder Station color palette (#E7EEFF, #C0B4DC, #9E829B, #4E6C71, #3E515E)
• Byzantium Atelier color palette (#E8E4FF, #AB00C6, #594B00, #003D2C, #002A2F)
• Cypress Delta color palette (#E8FAF3, #8DBE93, #34836F, #5A556F, #2C4946)
• Fuchsia Hollow color palette (#F5E4FF, #E88BD5, #B55F8D, #834050, #5D4259)
• Powdered Lantern color palette (#FFF1F5, #CCB0E9, #D48A77, #6E8915, #004049)

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