Tempered Iris color palette — #E6EDFF · #797CEE · #564D6F · #242E4A · #00050C

A conversation between Periwinkle and Charcoal Brown, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#E6EDFF): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#797CEE): A luminous, vivid violet — the color of a velvet chair.
• Charcoal Brown (#564D6F): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#242E4A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Lilac Field color palette (#E8ECFD, #9A8BE7, #675B7A, #363B51, #080E15)
• Orchid Market color palette (#DFDFEF, #AE67D7, #6F4553, #3A2647, #02040D)
• Cerulean Meadow color palette (#D4E9F9, #0098CC, #465374, #0E3349, #000608)
• Hushed Indigo color palette (#F6E7F0, #655DD3, #3B2A4B, #250B1D, #090208)
• Weathered Mallow Delta color palette (#F5EFFB, #E69CC5, #8A7484, #585161, #212129)
• Wandering Grove color palette (#E3E0F0, #9E31AB, #551B27, #341A21, #110014)
• Lapis Terrace color palette (#EFD8E6, #4819DD, #27252C, #2A0A2B, #0D0209)
• Hazy Pewter color palette (#F2DEE8, #CDB87E, #829C4D, #905E9F, #342700)

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