Tempered Iris color palette — #E9F9F6 · #ABCF9E · #73BBBD · #9091DA · #26443F

Lavender Blue and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Pistachio (#ABCF9E): A luminous, dusty green — the color of a quiet forest floor.
• Mint Leaf (#73BBBD): A luminous, dusty teal — the color of shallow lagoons.
• Lavender Blue (#9091DA): A luminous, balanced violet — the color of a velvet chair.
• Forest (#26443F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Periwinkle Grove color palette (#FFF1F8, #EFB394, #9EC294, #749AD8, #4A3641)
• Weathered Delta color palette (#ECF9F3, #C2C892, #82BFE5, #C87EA7, #2C433A)
• Ancient Lilac color palette (#E8FAF6, #9EC883, #ACA0EF, #C87762, #183A34)
• Aged Taupe color palette (#FCF4E7, #C3A76D, #66A5C3, #8070A5, #413C36)
• Patina Raspberry color palette (#E1F3EE, #99B965, #55A6ED, #CD4E83, #002E25)
• Chalky Boulevard color palette (#E1FBFF, #00CEB7, #00ABC2, #7E6EFD, #00342D)
• Aged Veranda color palette (#F0F7F3, #D4DCDE, #BBB97F, #BBB2B9, #4B5550)
• Dusty Amber Market color palette (#FDF1F8, #F4B79F, #67B6D1, #BB7054, #57364C)

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