Tempered Iris color palette — #E9F8FF · #5AE4FC · #8D9EFF · #00ADC4 · #0F1B37
A conversation between Lavender Blue and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Ice Blue (#5AE4FC): A whisper-light, balanced blue — the color of deep harbor water.
- Lavender Blue (#8D9EFF): A luminous, balanced violet — the color of wild irises.
- Cyan (#00ADC4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0F1B37): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged duotone, 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 Meadow color palette (#EDF7FE, #87D5FF, #B58EDE, #03A2DC, #161627)
- Frosted Parlor color palette (#E2FBFE, #04EFD0, #6BA8FF, #00B39C, #0C1D32)
- Faded Iris Study color palette (#DFFFE5, #7ACAFF, #898FFF, #C05700, #193659)
- Softworn Peony color palette (#EAF7FF, #00BBE0, #F05697, #A47100, #002918)
- Misty Studio color palette (#EEF9ED, #63F2EA, #B261FF, #00918B, #10021E)
- Turquoise Courtyard color palette (#EFF6FB, #D8D9E5, #BAA6AC, #58B0DA, #32424D)
- Indigo Bloom color palette (#CFF2FF, #95CFFF, #6DA4FF, #6964F1, #460081)
- Patina Amethyst Drift color palette (#E8F6EC, #00BCD4, #7F21F0, #006775, #17010C)
Browse the whole catalog at Explore, or see today's palette.