Tempered Iris color palette — #FFF0FC · #C3D3FF · #F39FAF · #7086CB · #532C24
Slate Blue and Ballet Pink set the tone — five colors that lean into creativity and balance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#C3D3FF): A whisper-light, dusty violet — the color of a velvet chair.
- Ballet Pink (#F39FAF): A luminous, balanced red — the color of a theater curtain.
- Slate Blue (#7086CB): A luminous, balanced violet — the color of a velvet chair.
- Espresso (#532C24): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Balance. Tagged 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
- Powdered Courtyard color palette (#E2FCF2, #A6DCFF, #E79FD8, #2B94CA, #4D2B46)
- Lilac Parlor color palette (#FFF1F4, #EFC0FF, #EFA879, #A871BA, #502F18)
- Feathered Iris Balcony color palette (#FFF0FB, #BBC9FF, #F0AF60, #8095FF, #5D3902)
- Aged Grove color palette (#FFF0FB, #A2B7FF, #D193C0, #2BA3B0, #372333)
- Wandering Ash color palette (#FFF0F9, #E6D5D5, #AEB2A6, #93A5D4, #553A49)
- Tempered Workshop color palette (#FFF0F9, #CECFFF, #66D0C3, #807ED3, #00423C)
- Patina Pewter color palette (#FFF1F4, #EFD7C0, #8D6597, #4E2D36, #180B0E)
- Gentle Rose Pier color palette (#F0F5FF, #889BE0, #D25E76, #4D5FA9, #5F333B)
Browse the whole catalog at Explore, or see today's palette.