Tempered Iris color palette — #E4F8E9 · #58B3C0 · #9A7FBB · #00727E · #301C44
Built around Slate Blue, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E4F8E9): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#58B3C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate Blue (#9A7FBB): A luminous, balanced violet — the color of a velvet chair.
- Teal (#00727E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#301C44): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged muted.
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 Boulevard color palette (#E3F7F0, #81BBE4, #BB8AAC, #3C78A0, #482528)
- Linen Lilac Balcony color palette (#E8F8FF, #72C7D2, #B394DA, #00919E, #4C3665)
- Aged Terrace color palette (#E2F9E8, #009FB4, #717AB7, #437A46, #052513)
- Hushed Thicket color palette (#E7F9FF, #5EAEB6, #C16F68, #00737C, #672F2B)
- Dusty Moss color palette (#E2F8EC, #5DB0CD, #80984E, #00708B, #212C03)
- Washed Coast color palette (#D2FEE3, #75C6DE, #1F86A0, #004A5B, #001920)
- Linen Summit color palette (#D5F7E6, #0093BF, #B512BA, #00546F, #29002B)
- Softworn Teal Atelier color palette (#EAF7E1, #4CBA9C, #AF854B, #00765F, #382200)
Browse the whole catalog at Explore, or see today's palette.