Tempered Iris color palette — #DEECF7 · #70A8FF · #797AFF · #6854B1 · #3D1C48
Periwinkle and Iris set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEECF7): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#70A8FF): A luminous, balanced blue — the color of open sky before noon.
- Periwinkle (#797AFF): A luminous, vivid violet — the color of wild irises.
- Iris (#6854B1): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#3D1C48): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged cool.
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
- Patina Alley color palette (#DEEBFF, #648FFF, #5E67E5, #4C459F, #2A2055)
- Hazy Indigo color palette (#D3F2FF, #6AB8FF, #546ADC, #5D2E90, #380C38)
- Iris Courtyard color palette (#E4F1FF, #9DB9FF, #9185F1, #8265A9, #513154)
- Washed Archive color palette (#E1EAF7, #8883FF, #8F49E5, #783192, #400438)
- Soft Hollow color palette (#E7DCFF, #C3B3FF, #9A81F5, #6C4EAB, #1B0139)
- Timeworn Parlor color palette (#C3F0F7, #00BDEC, #008ED9, #4666C0, #262451)
- Soft Boulevard color palette (#CAE4FF, #5A82D5, #3B43C8, #36008B, #200042)
- Tempered Indigo Bloom color palette (#D5DDF7, #BCBAFF, #C09E03, #6A57D1, #322800)
Browse the whole catalog at Explore, or see today's palette.