Tempered Iris color palette — #DBE6F0 · #8A94D2 · #7C618C · #5C3D48 · #264436
Built around Blue Fog, softened by Slate — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#DBE6F0): bright and airy, almost weightless.
- Blue Fog (#8A94D2): A luminous, balanced violet — the color of a velvet chair.
- Slate (#7C618C): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#5C3D48): A deep, shadowed, dusty rose — the color of a warm blush.
- Forest (#264436): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Creativity, Sophistication. Tagged vintage, retro, 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 Lilac Balcony color palette (#C8E1FF, #A89CDA, #876888, #426043, #244C3E)
- Pewter Alley color palette (#D3F2FD, #788CB3, #765784, #1F493C, #101F00)
- Hushed Harbor color palette (#D4EAEB, #5297BC, #4D6695, #543952, #512C14)
- Iris Corridor color palette (#DCE2F6, #9270BA, #724265, #483600, #1E2C00)
- Muted Ash color palette (#EEE7FF, #B278AD, #894E5E, #444E1F, #083F3C)
- Oat Study color palette (#F5F4FF, #CDBFDF, #998798, #59736D, #3D505B)
- Bronze Lantern color palette (#EFEDFF, #CDA1BF, #B18BB0, #A5625A, #562D16)
- Worn Petrol Villa color palette (#E6F2E8, #73BBE0, #046CB0, #004E57, #172C54)
Browse the whole catalog at Explore, or see today's palette.