Tempered Iris color palette — #FFF1F6 · #D5E0FD · #5B8FED · #006970 · #1B1643
A conversation between Lavender Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Frost (#D5E0FD): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#5B8FED): A luminous, balanced violet — the color of wild irises.
- Peacock (#006970): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#1B1643): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Timeworn Azure Corridor color palette (#FBF2F9, #C2EEFF, #00A0D0, #006C54, #001F3D)
- Aged Iris color palette (#F2F5FF, #937BF1, #8F8500, #007D6A, #070824)
- Periwinkle Atelier color palette (#ECF1E3, #AADAFE, #60A9F2, #2C89AD, #142D53)
- Petrol Villa color palette (#F3E7DB, #8EC0AE, #4967B1, #004B48, #1A073A)
- Worn Cerulean Station color palette (#FFF0FB, #87DCE2, #0087A9, #00543B, #000E1C)
- Antique Turquoise color palette (#F9F3F7, #D2D5E6, #00BAD4, #27824E, #0F3247)
- Timeworn Cobalt Pier color palette (#F3F4FF, #ECD9DC, #FFB4B0, #627CCE, #2A2342)
- Hushed Loft color palette (#F2E9F0, #6AB0B0, #005F72, #002D1A, #000103)
Browse the whole catalog at Explore, or see today's palette.