Tempered Iris color palette — #F2F5FF · #D4CCFF · #BDC173 · #8B7CCA · #164132

Lavender Blue takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#D4CCFF): A whisper-light, dusty violet — the color of wild irises.
• Pistachio (#BDC173): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8B7CCA): A luminous, balanced violet — the color of twilight just after sunset.
• Forest (#164132): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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

• Mint Balcony color palette (#F5F3FF, #FABAFF, #7FD18C, #A775AB, #1F4125)
• Washed Cabin color palette (#EFF6FF, #BCD6FF, #E6B05D, #688AC3, #4C3306)
• Patina Ash Balcony color palette (#F2F4FF, #EFD9E0, #BABCB0, #8FA0C1, #444259)
• Chalky Dune color palette (#FFECF4, #A799D5, #969136, #6E46BE, #2B2900)
• Sand Basin color palette (#F7F3FF, #FFE2A5, #916688, #3C344A, #110E16)
• Taupe Terrace color palette (#E7FCE9, #EADDAD, #B89862, #865D6D, #23362E)
• Airy Corridor color palette (#F3F4FF, #C6A8FF, #E29657, #4FA393, #262941)
• Lilac Balcony color palette (#F9F2FF, #E7D3E2, #B18BD6, #654A7E, #241234)

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