Tempered Iris color palette — #F9F3F7 · #E6D8D7 · #AEB7A9 · #7586C6 · #382934
Built around Slate Blue, softened by Espresso — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Bone (#E6D8D7): a clean, paper-quiet neutral.
- Ash (#AEB7A9): A luminous, dusty green — the color of a quiet forest floor.
- Slate Blue (#7586C6): A luminous, balanced violet — the color of twilight just after sunset.
- Espresso (#382934): 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
- Tempered Dune color palette (#F0F7F3, #DED4D3, #A9A89D, #2197BC, #22332A)
- Worn Ash Orchard color palette (#F2F5FD, #DCD7E2, #D0B2C3, #9699D4, #363A46)
- Petrol Harbor color palette (#F7EFF4, #E5D1D1, #C9AFB9, #5D5F8F, #271D23)
- Dusty Courtyard color palette (#FFF2F1, #E1D9D0, #9FB3AF, #CF6B9E, #482C2B)
- Antique Orchid Basin color palette (#FFF1F4, #E3D8D2, #ADBC9F, #B141D5, #321E23)
- Emerald Summit color palette (#FAF5EA, #D5D2AA, #519D69, #6A5A86, #2C2907)
- Forest Delta color palette (#F8F8D8, #89B9FB, #9D65B6, #0A6110, #1B1D40)
- Hushed Plum Lagoon color palette (#FCF3F1, #E2DAD0, #CCC4A6, #B54E72, #2A1917)
Browse the whole catalog at Explore, or see today's palette.