Tempered Iris color palette — #FFF0FE · #C6D2FF · #B6B2F4 · #9A7FC4 · #673E4A
A conversation between Slate Blue and Lavender, giving this palette its sense of creativity and sophistication.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#C6D2FF): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#B6B2F4): A luminous, balanced violet — the color of a velvet chair.
- Slate Blue (#9A7FC4): A luminous, balanced violet — the color of wild irises.
- Cocoa (#673E4A): A full-bodied, dusty red — the color of embers at dusk.
Feels like: 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
- Wandering Iris Studio color palette (#DCFDEE, #AFDCFF, #94BCF5, #7491D4, #66455A)
- Timeworn Violet color palette (#DCFFF0, #AAC2ED, #9B9CDE, #9066AB, #6D474A)
- Blush Villa color palette (#FFF1F5, #EECAF3, #E09ED3, #C277A0, #694640)
- Timeworn Iris Balcony color palette (#FFF1F5, #FFD3E2, #C8ABE7, #9475B3, #412C50)
- Powder Bloom color palette (#E0EDFF, #A9B8FF, #7877B8, #5F527C, #39364F)
- Wisteria Drift color palette (#F3E9FF, #D7A8E9, #CD6CC5, #B64A8F, #5E293E)
- Hushed Lilac Coast color palette (#FFF0F7, #D6CDFB, #C4CD94, #AC99EC, #5A4D00)
- Softworn Powder Orchard color palette (#FFF1F6, #E4D8D3, #ACB4E0, #9EB3A1, #644C53)
Browse the whole catalog at Explore, or see today's palette.