Tempered Iris color palette — #E7F9FF · #ABE9FB · #20DBF5 · #6D8AFF · #001E27
Lavender Blue and Ice Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Powder Blue (#ABE9FB): A whisper-light, dusty blue — the color of open sky before noon.
- Ice Blue (#20DBF5): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#6D8AFF): A luminous, vivid violet — the color of a velvet chair.
- Midnight (#001E27): 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
- Chalky Canyon color palette (#EDF6FF, #A2FFFD, #9DDDFF, #A076FF, #001735)
- Frosted Azure color palette (#E3FAFF, #D7FFC9, #00EDDC, #0999F0, #001619)
- Pale Raspberry Corridor color palette (#F1F5FF, #4FDEFD, #8CA5FF, #B826AF, #06001A)
- Hushed Cornflower color palette (#DBFFED, #21D7EA, #5C8AE0, #8D5400, #3C3600)
- Misty Nightshade Field color palette (#CBFCFF, #22C5F6, #0088C9, #0037BD, #1E0863)
- Muted Iris color palette (#FFF1F5, #DADFF2, #6A93FF, #00707D, #241751)
- Seafoam Archive color palette (#DEFFE5, #0AFBEC, #27E4FB, #25C2F9, #00333D)
- Frosted Drift color palette (#D6FEFF, #F2FF82, #00E97B, #00ABD7, #001B15)
Browse the whole catalog at Explore, or see today's palette.