Tempered Iris color palette — #E7F2FF · #ABB8F3 · #8377CB · #6B4B7E · #382E49

Lavender Blue and Graphite set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#E7F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#ABB8F3): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#8377CB): A luminous, balanced violet — the color of wild irises.
• Graphite (#6B4B7E): A full-bodied, balanced violet — the color of wild irises.
• Navy (#382E49): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. 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

• Peony Alley color palette (#E1E9FF, #C4A8DE, #B06DAD, #7F4665, #423147)
• Hushed Powder color palette (#EFF4FF, #B0ABF4, #8E7FBF, #695884, #4D4D68)
• Cobalt Study color palette (#CDF1FF, #7EC8EA, #3C85C1, #3E578B, #2A334B)
• Worn Driftwood Bloom color palette (#F1F0FF, #DBBBEE, #9F6CAE, #593B6C, #1A1732)
• Aged Meadow color palette (#EFF1FD, #BEA6E2, #9CA350, #7D63A1, #14392C)
• Worn Oat Lantern color palette (#EFF1FF, #E1D3DF, #F3BE9E, #758EB0, #383647)
• Frosted Raspberry color palette (#EBE8FD, #CE87B5, #C05080, #84323D, #402439)
• Hazy Plum color palette (#E6E3F1, #BC7CD2, #B22991, #791A48, #3F1115)

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