Tempered Iris color palette — #FEF1F6 · #D6DFFC · #6D8AF0 · #006A69 · #24133D
Lavender Blue takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Frost (#D6DFFC): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#6D8AF0): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#006A69): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#24133D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Gentle Market color palette (#FDF1F9, #B6F1FB, #009DDF, #006D48, #0E1B40)
- Timeworn Periwinkle color palette (#F4EEE4, #AAD9FF, #77A6EA, #008DA8, #232A50)
- Sunlit Violet Ridge color palette (#E1FCF7, #81D063, #996BF8, #2A6D00, #1C0B39)
- Chalky Cobalt Alley color palette (#FEF0FC, #90DAE3, #0085B6, #005532, #00082B)
- Wandering Coast color palette (#F8ECE1, #89B7DB, #4866A5, #004F56, #2B2556)
- Turquoise Bloom color palette (#FAF2FA, #D2D5E5, #00B8E2, #3A8043, #193048)
- Wandering Denim color palette (#EBE0EA, #6EAFB1, #005D79, #002E10, #000105)
- Sapphire Courtyard color palette (#F6EAF0, #64C5E8, #0066BF, #003F35, #020012)
Browse the whole catalog at Explore, or see today's palette.