Tempered Iris color palette — #F3F4FF · #B7C9FF · #888CD6 · #51568D · #242B52
A conversation between Lavender Blue and Peacock, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lilac Frost (#B7C9FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#888CD6): A luminous, balanced violet — the color of wild irises.
- Peacock (#51568D): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#242B52): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged monochrome, muted, 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
- Wandering Nightshade Alley color palette (#F0F5FF, #E0D5ED, #8699E3, #464CA7, #121948)
- Antique Atelier color palette (#FFF1F5, #E7C6FF, #AE93CA, #735E88, #512E39)
- Cobalt Veranda color palette (#FFF0F9, #9EAFEA, #5D6EB0, #333C78, #21274E)
- Ancient Azure color palette (#EAF7FF, #7DDEFF, #30A1C4, #1E6483, #003143)
- Softworn Amber color palette (#FDF2F5, #D5B2FF, #C27D3D, #8D72AD, #2C2218)
- Ancient Honey Lantern color palette (#D3E3D8, #FFBC62, #B0B7FF, #523E4B, #2E282B)
- Grape Boulevard color palette (#E5E4FB, #8573FF, #5630CB, #270276, #02000D)
- Sunlit Byzantium color palette (#E9E2FF, #B9A3FF, #9346F6, #5D239E, #20004B)
Browse the whole catalog at Explore, or see today's palette.