Tempered Iris color palette — #FFF3E6 · #A6CFF9 · #757EEF · #007177 · #421A64
A conversation between Periwinkle and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#A6CFF9): A whisper-light, dusty blue — the color of open sky before noon.
- Periwinkle (#757EEF): A luminous, vivid violet — the color of wild irises.
- Teal (#007177): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#421A64): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Iris Boulevard color palette (#EDF9EC, #DBDFF2, #788FFF, #007273, #2E134D)
- Muted Hollow color palette (#F5EDE6, #A0D1BD, #5384DC, #006D64, #2E2552)
- Chalky Azure Thicket color palette (#FFF2EB, #AAE6F9, #38A0FA, #00856B, #333777)
- Periwinkle Balcony color palette (#FCF4E7, #BCDEFF, #7DA9FF, #0092B6, #292C60)
- Hushed Sapphire color palette (#EEF8F0, #7FBDF9, #225FE9, #005368, #292A65)
- Softworn Archive color palette (#F4E7E3, #9ABB9B, #0081A3, #005E24, #001F41)
- Hazy Petrol color palette (#EEE3DD, #6AADC0, #006AAC, #004C3A, #0B0442)
- Lagoon Lantern color palette (#FBF3F1, #CFE6E1, #90BDAA, #4F986D, #5F4B5D)
Browse the whole catalog at Explore, or see today's palette.