Tempered Iris color palette — #DFE7FF · #9479FF · #D3416B · #00727F · #031228

Lavender Blue takes the lead with Fuchsia close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#9479FF): A luminous, vivid violet — the color of a velvet chair.
• Fuchsia (#D3416B): A full-bodied, vivid red — the color of embers at dusk.
• Teal (#00727F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#031228): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Timeworn Lilac color palette (#F3F4FF, #B18AFF, #E26977, #1885A2, #0C1B31)
• Muted Corridor color palette (#D7E7FB, #4991FF, #C33DA7, #007767, #001623)
• Feathered Magenta color palette (#E5E3FC, #D44DFD, #D64D2C, #0074A0, #080F26)
• Washed Magenta Canyon color palette (#E5DCF8, #F455E3, #D45351, #835800, #201445)
• Washed Blush Pier color palette (#FBF1FF, #FF6EA9, #00A1E8, #6765CB, #341A37)
• Misty Lantern color palette (#E6E1EF, #DA2AB1, #AF5900, #675600, #08041E)
• Hushed Atelier color palette (#F1E5FE, #FF42C8, #C9771F, #3258A6, #0F0B26)
• Weathered Byzantium Quarry color palette (#E7E7FE, #9A30E6, #7F5400, #4A3F00, #001522)

Browse the whole catalog at Explore, or see today's palette.