Tempered Iris color palette — #F1F5FF · #777CE6 · #382E50 · #080E21 · #000103

Periwinkle takes the lead with Navy close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Periwinkle (#777CE6): A luminous, balanced violet — the color of wild irises.
• Navy (#382E50): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#080E21): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000103): a grounded near-black with real depth.

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 Cabin color palette (#ECF7FF, #1796C6, #283453, #00111E, #000102)
• Ancient Lilac color palette (#F6F3FF, #B16DB0, #422C43, #120A21, #010105)
• Timeworn Iris color palette (#EDD8E4, #8C8AFF, #6C5780, #493641, #120B11)
• Lapis Pier color palette (#E7EEFF, #5949D1, #222040, #080C17, #010206)
• Shadow Magenta Summit color palette (#EFEBFF, #BA3ACA, #500E1F, #120015, #000009)
• Hushed Mallow Quarry color palette (#F7F3FF, #D299C6, #5F4E5D, #2D2836, #0E0F15)
• Aged Moss Studio color palette (#F7F3FF, #D38AC1, #78A642, #5D8F05, #211332)
• Quiet Field color palette (#FAF1FF, #E75494, #5A2E1B, #2D0216, #020107)

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