Tempered Iris color palette — #ECDAE5 · #8B8FED · #7A5563 · #4F3145 · #130A12

A conversation between Lavender Blue and Charcoal, giving this palette its sense of creativity and sophistication.

The five colors

• Shell Pink (#ECDAE5): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender Blue (#8B8FED): A luminous, balanced violet — the color of wild irises.
• Graphite (#7A5563): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#4F3145): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#130A12): A deep, shadowed, dusty pink — the color of peonies in June.

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 Drift color palette (#EFE0E5, #B997EB, #88656A, #59424B, #1F151B)
• Weathered Atelier color palette (#D7F4EC, #49A0ED, #72586B, #24433C, #05100B)
• Antique Indigo Canyon color palette (#F8E2F0, #6C73DA, #58333B, #301929, #02110C)
• Pale Bloom color palette (#F2D7DB, #D745E6, #7F4161, #4B214F, #130208)
• Worn Indigo Boulevard color palette (#F1F5FF, #7178F8, #372F4E, #080F1E, #000103)
• Airy Blush Hollow color palette (#FFDCD8, #F667A2, #8A5755, #5F3042, #1D0C0D)
• Aged Rose Lantern color palette (#FFE9E4, #D75C79, #74463C, #4A2129, #0C0202)
• Feathered Byzantium color palette (#E3E4F3, #BEAFFC, #AF7BE3, #9A4EAD, #52224D)

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