Tempered Iris color palette — #FFF0FC · #6993FF · #9D4F00 · #4A5300 · #120110
Lavender Blue and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender Blue (#6993FF): A luminous, vivid violet — the color of a velvet chair.
- Ochre (#9D4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#4A5300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#120110): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, 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
- Dusty Violet color palette (#FFF0F9, #806FFF, #A36700, #1E5D00, #14010D)
- Worn Azure color palette (#DDFDF4, #299FFB, #B23700, #5D4B00, #000A07)
- Bronze Balcony color palette (#FFF0FA, #99A5FF, #AE6700, #526A19, #220C1C)
- Dusty Indigo color palette (#FFF0FA, #6069EF, #914F00, #274600, #000402)
- Brick Canyon color palette (#FFF1F5, #AD73DD, #B12B00, #313F00, #001013)
- Frosted Garden color palette (#E6FBEE, #009AB7, #CD2E62, #6E4200, #00090D)
- Washed Plum Lantern color palette (#FFF4E2, #B388F4, #A73887, #414300, #250510)
- Gentle Thicket color palette (#E7EDFF, #5C51BC, #952B00, #2F3C00, #02041F)
Browse the whole catalog at Explore, or see today's palette.