Tempered Iris color palette — #F3F4FF · #9873D2 · #8F7300 · #005E21 · #0C001E
Lavender Blue and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender Blue (#9873D2): A luminous, balanced violet — the color of wild irises.
- Ochre (#8F7300): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005E21): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0C001E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Gentle Workshop color palette (#F4F4FF, #B688D4, #9B8B00, #007151, #14112B)
- Worn Fuchsia Workshop color palette (#F6F3FF, #D170C5, #5A7200, #005A54, #0B021A)
- Iris Station color palette (#F0F5FF, #6E92FF, #9F4E00, #475500, #00051E)
- Frosted Corridor color palette (#F8F2FF, #CA6DA9, #8B5500, #004524, #000E1B)
- Softworn Byzantium Coast color palette (#EEEBFF, #9C4CA9, #5D6600, #004332, #030004)
- Soft Harbor color palette (#F8E3ED, #6D3BD3, #3F6100, #273E00, #16000C)
- Airy Boulevard color palette (#D8DCF6, #AC80FA, #C28100, #00886A, #161732)
- Plum Drift color palette (#DFFFE5, #D77EC5, #B92F49, #004E10, #280017)
Browse the whole catalog at Explore, or see today's palette.