Tempered Iris color palette — #FFF0F9 · #F3D1CD · #D8B8AE · #9087F3 · #412B38

Lavender Blue takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#F3D1CD): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#D8B8AE): A luminous, dusty orange — the color of autumn markets.
• Lavender Blue (#9087F3): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#412B38): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Washed Indigo Summit color palette (#FEF1F9, #F8D2DC, #DDB2AE, #626CCC, #3D2D38)
• Lilac Veranda color palette (#FAEAEC, #E2CFC3, #C8B5A4, #B47BB1, #39292B)
• Azure Bloom color palette (#EAF9F3, #F7DDF7, #E4C1C5, #42A2D8, #243831)
• Pale Ember color palette (#FFDDEB, #B78EFF, #F43B06, #4E7500, #002935)
• Washed Ash color palette (#FBF2F6, #E3D7D5, #B9B0A4, #A3B0D2, #595053)
• Linen Magenta Summit color palette (#F6DBE2, #C74AFF, #7A436B, #402A4C, #0F0409)
• Hushed Grape color palette (#EEF1FB, #CFD2E7, #A8A8C6, #5B3FB8, #121831)
• Magenta Villa color palette (#FFE1A3, #B3A0FF, #DE39D0, #796D00, #35194B)

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