Tempered Iris color palette — #FFF0FA · #8293FE · #00A089 · #00705F · #210D1C
A conversation between Lavender Blue and Fern, giving this palette its sense of creativity and calm.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#8293FE): A luminous, balanced violet — the color of wild irises.
- Fern (#00A089): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00705F): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#210D1C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Calm, Balance. Tagged 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
- Faded Lilac Villa color palette (#FFF0F8, #998EF0, #0099BB, #00688D, #220D1A)
- Tempered Wisteria Archive color palette (#FFF1F3, #CD7CC7, #569B6F, #286F46, #250C11)
- Iris Thicket color palette (#FFF0F9, #9592E8, #9A8B33, #6E6000, #25091C)
- Turquoise Grove color palette (#E7FBF1, #2CADD7, #73974F, #4B6B28, #001B10)
- Emerald Veranda color palette (#EDECFF, #C597DC, #ADA347, #009B66, #25223D)
- Gentle Wisteria color palette (#FFF1F3, #D386D2, #568633, #00545D, #002024)
- Blush Drift color palette (#FFF2EF, #FF6B9E, #0399EC, #006CAA, #310E0B)
- Tempered Boulevard color palette (#FFF1F0, #F4A9CB, #75BBC7, #548C95, #3F2C2B)
Browse the whole catalog at Explore, or see today's palette.