Tempered Iris color palette — #F0F0FF · #9B72BA · #50844E · #315E30 · #18172A
Slate Blue takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
- Slate Blue (#9B72BA): A luminous, balanced violet — the color of wild irises.
- Fern (#50844E): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#315E30): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#18172A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Softworn Iris Loft color palette (#F0F0FF, #9B7FBB, #616B2E, #004666, #002133)
- Dusty Driftwood color palette (#F4F4FF, #9B6CAD, #7B7328, #00624B, #323045)
- Airy Rose color palette (#FBECFB, #C6636E, #578348, #325F22, #231424)
- Timeworn Cypress Coast color palette (#FFF1F2, #C786B3, #BC804E, #008267, #48282B)
- Hazy Raspberry color palette (#F8EDFF, #CB3C83, #007988, #00535E, #1C0A26)
- Worn Atelier color palette (#D9FBF1, #AB8DC8, #995451, #004F60, #271C37)
- Bronze Lantern color palette (#EFF1FB, #B9A8E1, #9A6A13, #6C559B, #071107)
- Gentle Dune color palette (#DCE5FF, #6145EA, #006772, #004352, #0A002D)
Browse the whole catalog at Explore, or see today's palette.