Tempered Iris color palette — #F2F5FF · #8074BF · #8B6A39 · #375E2D · #2C3148
A conversation between Slate Blue and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Slate Blue (#8074BF): A luminous, balanced violet — the color of twilight just after sunset.
- Walnut (#8B6A39): A full-bodied, dusty gold — the color of honey in a jar.
- Pine (#375E2D): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#2C3148): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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
- Worn Chestnut color palette (#F6F3FF, #AB72A3, #90511F, #2F5322, #003F4E)
- Wandering Lilac color palette (#F5F3FF, #AC7CB2, #82834A, #346B5D, #3E3A4D)
- Worn Courtyard color palette (#EDF6FF, #4188BA, #A15B47, #684F05, #233544)
- Tempered Driftwood color palette (#FAEDFE, #B86B81, #995A4C, #545600, #221328)
- Tempered Alley color palette (#FFF0F8, #9997D4, #C27B57, #008360, #422A38)
- Worn Pewter color palette (#F5F4FC, #E1D7DF, #CCBAC3, #886593, #47464F)
- Hushed Lantern color palette (#F6EAF9, #AB4D64, #307044, #004D5C, #311E36)
- Hushed Studio color palette (#E2E1FF, #9700CF, #655900, #00492F, #2C113A)
Browse the whole catalog at Explore, or see today's palette.