Tempered Iris color palette — #F5E5EB · #8DC8ED · #628DF0 · #007E77 · #240E4A
A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F5E5EB): a clean, paper-quiet neutral.
- Sky (#8DC8ED): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#628DF0): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007E77): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#240E4A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Frosted Drift color palette (#ECDDE9, #87CDD7, #0E9DDA, #008153, #041851)
- Cobalt Lagoon color palette (#F4ECE1, #7EB9E1, #3A76BC, #005766, #0D174F)
- Ancient Field color palette (#FFF0FB, #8BEAFF, #45B4FE, #009C72, #1F2C68)
- Dusty Ultramarine color palette (#CFECEA, #00A6B9, #0088C1, #0055B8, #251450)
- Hazy Villa color palette (#D2EBFF, #0095DF, #AB7800, #6F7000, #001323)
- Mallow Corridor color palette (#D0E9FB, #C7C3FE, #F394C6, #009F97, #072348)
- Tempered Sky color palette (#D0E8FD, #4FB9FF, #AF6900, #0078B3, #2A1500)
- Pale Powder color palette (#FFF1F5, #CEE8FF, #9AB3FF, #00A5A4, #47316D)
Browse the whole catalog at Explore, or see today's palette.