Tempered Iris color palette — #FBEDF9 · #6D92E4 · #A87559 · #5E6233 · #291F28
A conversation between Lavender Blue and Mocha, giving this palette its sense of nature and growth.
The five colors
- Blush (#FBEDF9): A whisper-light, dusty pink — the color of peonies in June.
- Lavender Blue (#6D92E4): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#A87559): A luminous, dusty orange — the color of sun-warmed clay.
- Olive (#5E6233): A full-bodied, dusty green — the color of fresh herbs.
- Onyx (#291F28): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Antique Iris Meadow color palette (#F9EEF5, #7580C7, #946038, #415831, #101D15)
- Softworn Iris color palette (#EFF6FF, #7090CC, #917D45, #6F5D2B, #323E4F)
- Lilac Pier color palette (#FFECF1, #B17ACF, #898554, #3A6954, #2C1E22)
- Muted Studio color palette (#E8F6ED, #00A6C4, #A9707E, #795535, #18261E)
- Patina Coast color palette (#FDF0DC, #B59CE3, #9A6488, #54524B, #38262B)
- Dusty Market color palette (#FEF0FD, #A3C4FF, #C1AC7A, #928054, #3A2C39)
- Tempered Violet color palette (#FFEBF6, #7A53FF, #8E6100, #285600, #130E2D)
- Hushed Mallow Corridor color palette (#F1F0FF, #CEB4F1, #A377A8, #754664, #481126)
Browse the whole catalog at Explore, or see today's palette.