Tempered Iris color palette — #EEF1FF · #8A78E2 · #366907 · #274C1D · #04161D
Lavender Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF1FF): bright and airy, almost weightless.
- Lavender Blue (#8A78E2): A luminous, balanced violet — the color of a velvet chair.
- Olive (#366907): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#274C1D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#04161D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Orchid Market color palette (#F4EFFE, #A259AC, #4C6F16, #344917, #051625)
- Patina Orchid Field color palette (#F1F0FF, #B36ACF, #825D00, #004C45, #002421)
- Ancient Ridge color palette (#FFF1F6, #AB82D8, #956F2C, #206B4B, #12312A)
- Muted Wisteria color palette (#D7FBF0, #B581E2, #9C4F62, #005348, #251E34)
- Aged Cobalt color palette (#E7F4FD, #008AC1, #815D00, #004E41, #04191C)
- Washed Iris color palette (#FEF0FB, #8099F4, #3B8E55, #006C6A, #0D211B)
- Cornflower Boulevard color palette (#EBF2FF, #6080DB, #904933, #633612, #00171A)
- Byzantium Lantern color palette (#E8E4FF, #B000A8, #165801, #093500, #00050A)
Browse the whole catalog at Explore, or see today's palette.