Tempered Iris color palette — #EEF6FF · #A5E0FF · #7EBCFF · #7E8DED · #152C4E
Lavender Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Powder Blue (#A5E0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7EBCFF): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#7E8DED): A luminous, balanced violet — the color of a velvet chair.
- Midnight (#152C4E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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
- Muted Lilac color palette (#F1F5FF, #B6CFFF, #B0B0FF, #AC81D6, #2D234F)
- Glacier Parlor color palette (#EAF8FF, #14EAF6, #7FBEFF, #3D9FE3, #0E374D)
- Softworn Indigo Alley color palette (#D3E2F8, #5DBBFF, #5F9AFF, #7157F9, #070D40)
- Iris Atelier color palette (#FDF0FF, #D5D3E1, #BBA0B0, #8899FD, #2B132C)
- Quiet Wisteria color palette (#E3FBF5, #6BF9FB, #A2D6FF, #CC9AFD, #1D2A4E)
- Tempered Loft color palette (#DEE5F9, #919FF0, #7874D8, #5F509C, #463366)
- Petrol Loft color palette (#EEF7F6, #BAD9EE, #5F9DC3, #00798D, #1B3E59)
- Byzantium Market color palette (#EEF6FF, #2ED7E1, #25A1F9, #9B49C8, #152C55)
Browse the whole catalog at Explore, or see today's palette.