Tempered Iris color palette — #FFF0FE · #9FAEE8 · #8A7BB7 · #8B4E5B · #323C59
Built around Slate Blue, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Mauve (#9FAEE8): A luminous, balanced violet — the color of a velvet chair.
- Slate Blue (#8A7BB7): A luminous, balanced violet — the color of wild irises.
- Coffee (#8B4E5B): A full-bodied, balanced red — the color of a theater curtain.
- Navy (#323C59): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged retro, 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
- Weathered Courtyard color palette (#FFF0FA, #CCB1E4, #A885A4, #8F6251, #47455A)
- Worn Harbor color palette (#FFF2EE, #BAC9FF, #9781D6, #8E4C5B, #402938)
- Patina Periwinkle color palette (#EFF6FF, #7DA6E4, #9270A9, #026F4F, #003F4D)
- Washed Sky Field color palette (#E1FBF9, #56C1DE, #4A8EBB, #715782, #204154)
- Powdered Fern color palette (#E0FDF3, #53A1CA, #6B5E9E, #475500, #2A3F57)
- Dusty Iris color palette (#DBE5FA, #7B84E5, #454B66, #282E3A, #141920)
- Softworn Lilac color palette (#FAF5E3, #89D1FF, #AC91F0, #82883D, #493549)
- Feathered Blush Loft color palette (#FFE7F2, #DB80AC, #AC5B66, #6D5001, #4A2130)
Browse the whole catalog at Explore, or see today's palette.