Tempered Iris color palette — #F9E5F4 · #7C9AFF · #6C5A9B · #55354F · #071512

Built around Lavender Blue, softened by Slate — the whole palette hums with creativity and balance.

The five colors

• Blush (#F9E5F4): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender Blue (#7C9AFF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6C5A9B): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#55354F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#071512): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Wisteria color palette (#FFE9F1, #B780FF, #825481, #553844, #190D15)
• Indigo Workshop color palette (#F3E5EE, #7B75FF, #5F4679, #402537, #070307)
• Azure Delta color palette (#D8F2E8, #10ACF5, #4F6794, #1C4B3D, #08150E)
• Antique Mallow color palette (#FEEDEC, #E79CC3, #947269, #634F4E, #271F20)
• Softworn Byzantium color palette (#FAE8EF, #993FEC, #5B2E5A, #2F121F, #040103)
• Shadow Boulevard color palette (#D6E0F2, #4254E7, #1F2746, #040F26, #01030A)
• Patina Byzantium color palette (#D2DDFF, #BEBAFF, #A980FF, #9A4EC7, #5C2D62)
• Cerulean Quarry color palette (#FAF4EB, #CCE9FF, #84B9FF, #00A1BE, #313D68)

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