Tempered Iris color palette — #FFF1F6 · #CBBBEA · #9DBD84 · #987AC9 · #4E4E46

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CBBBEA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sage (#9DBD84): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#987AC9): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#4E4E46): a grounded near-black with real depth.

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

• Worn Meadow color palette (#FFF1F1, #E7B2CC, #8BC190, #C8669B, #4C4E47)
• Aged Iris color palette (#FCF2F9, #B4C3EE, #D5A77B, #7188D1, #664524)
• Patina Archive color palette (#FFF1F5, #E2C8FF, #BAD18F, #B49CCE, #4E4D46)
• Aged Orchard color palette (#F3F4FF, #BDA2DB, #89A54D, #8260A5, #33554C)
• Hushed Driftwood color palette (#FDF2F3, #CCD7B0, #946F90, #664147, #342729)
• Wandering Pewter Pier color palette (#FFF1F3, #E9CDF4, #BB8EBD, #7E508D, #43294D)
• Washed Fern Balcony color palette (#FBF4E8, #D1CCAC, #AA9A6D, #906C50, #444E00)
• Crimson Canyon color palette (#FFF2EE, #EBA0A9, #18BCBA, #D34766, #004D4C)

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