Tempered Iris color palette — #FFF3E8 · #DBE3F7 · #6994FF · #00736E · #2A1451
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with creativity and balance.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Frost (#DBE3F7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#6994FF): A luminous, vivid violet — the color of twilight just after sunset.
- Teal (#00736E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#2A1451): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, 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
- Timeworn Azure color palette (#FFF2EC, #D5DEF8, #00A5EA, #00764E, #0C1E56)
- Cypress Balcony color palette (#FDF3EC, #C3E4F4, #86A7DC, #118074, #422235)
- Navy Bloom color palette (#ECF9EE, #B2E1FF, #65AFFF, #0094A9, #132779)
- Tempered Sapphire Market color palette (#FFF1F7, #68C2F7, #2154FF, #005652, #36275C)
- Chalky Indigo Courtyard color palette (#FEF3E8, #9ED3F9, #5473D3, #005150, #12002B)
- Quiet Rose Garden color palette (#FFF1F3, #FF4E82, #009F97, #00847E, #2A000C)
- Aged Balcony color palette (#FCF3F0, #BDE6EA, #83C6DD, #638F64, #24415E)
- Weathered Denim color palette (#FCE8E2, #60B1B5, #005D7A, #002E12, #000105)
Browse the whole catalog at Explore, or see today's palette.