Tempered Iris color palette — #FFF0FA · #7987FF · #C85D83 · #007672 · #3D2035
A conversation between Lavender Blue and Hot Pink, giving this palette its sense of creativity and balance.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#7987FF): A luminous, vivid violet — the color of wild irises.
- Hot Pink (#C85D83): A luminous, balanced rose — the color of a warm blush.
- Teal (#007672): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#3D2035): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged warm.
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
- Hushed Wisteria color palette (#FFF1F5, #B172EE, #CA6358, #00718F, #342146)
- Orchid Boulevard color palette (#D9FFF2, #039EED, #B95BBE, #007953, #002E4A)
- Weathered Wisteria color palette (#FFF1F5, #BB6EE3, #D9563E, #905700, #381E46)
- Softworn Basin color palette (#FFE9E6, #CA6D8F, #A57700, #606712, #391E1B)
- Muted Blush color palette (#FFF2EF, #DB93A3, #AF9967, #7175A8, #4D3733)
- Faded Indigo Boulevard color palette (#FFF0F8, #765FD2, #A34800, #375400, #2B2549)
- Patina Fuchsia color palette (#FFF2EA, #E37DD4, #BB5582, #814D00, #512142)
- Tempered Violet Hollow color palette (#FFF1F5, #E6D5D1, #D8B8AC, #9E6DC4, #4F3840)
Browse the whole catalog at Explore, or see today's palette.