Tempered Iris color palette — #D7FEFF · #98D5FF · #6D86E1 · #6A3683 · #3B0029
Lavender Blue takes the lead with Plum close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
- Sky (#98D5FF): A whisper-light, balanced blue — the color of open sky before noon.
- Lavender Blue (#6D86E1): A luminous, balanced violet — the color of twilight just after sunset.
- Plum (#6A3683): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#3B0029): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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 Field color palette (#EAF8FF, #BCCFFF, #A074C9, #81346D, #42000D)
- Glacier Villa color palette (#D8FFF3, #00E6F0, #3995DF, #3F4895, #370652)
- Powdered Grape Field color palette (#D4ECFD, #4C7AFF, #7001B8, #400033, #040000)
- Worn Garnet Villa color palette (#E6F9FF, #DAD8F3, #A78FD8, #84507B, #630E27)
- Gentle Grape color palette (#A2ECFF, #3DA2FF, #603FC5, #460055, #0F0005)
- Worn Corridor color palette (#AAEAFF, #63ABDC, #4362B9, #55069C, #4D0053)
- Hushed Aubergine color palette (#E1EAF5, #7C96D7, #5D62B1, #400795, #240046)
- Softworn Aubergine color palette (#C9E1FF, #A8C3FF, #8A9AEE, #6D65BD, #39076E)
Browse the whole catalog at Explore, or see today's palette.