Tempered Iris color palette — #DDE5F2 · #6F8BDB · #404C6C · #262E3B · #131920
Lavender Blue takes the lead with Peacock close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Frost (#DDE5F2): a clean, paper-quiet neutral.
- Lavender Blue (#6F8BDB): A luminous, balanced violet — the color of wild irises.
- Peacock (#404C6C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Onyx (#262E3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#131920): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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
- Aged Lilac Ridge color palette (#EFF1FE, #A68CD1, #57546F, #353744, #202127)
- Periwinkle Lagoon color palette (#EEDFEB, #82A7FF, #826674, #544352, #121A18)
- Antique Sapphire color palette (#DBE5F5, #3A67DB, #2E3047, #181F2A, #0A0C13)
- Airy Pier color palette (#F5F3FF, #CA88D6, #ED695D, #5188CF, #39344C)
- Faded Magenta color palette (#EEEAFF, #C148D2, #5F3355, #282040, #11101B)
- Hushed Veranda color palette (#D3DFFF, #B7B5FF, #967EE8, #795EA2, #444262)
- Washed Periwinkle Harbor color palette (#EEF7F7, #D4DBF7, #70ABDE, #3785A0, #354961)
- Dusty Amethyst Study color palette (#E3E0FD, #7F44FF, #481D6F, #1B113B, #040713)
Browse the whole catalog at Explore, or see today's palette.