Tempered Iris color palette — #F3F5FC · #DED8E2 · #BCADB3 · #9181E1 · #2F3448

Lavender Blue and Deep Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Silver (#DED8E2): a clean, paper-quiet neutral.
• Ash (#BCADB3): soft and architectural.
• Lavender Blue (#9181E1): A luminous, balanced violet — the color of twilight just after sunset.
• Deep Teal (#2F3448): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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 Hollow color palette (#F5F4FD, #E1D7DF, #CEC1BD, #C267D1, #353245)
• Azure Alley color palette (#EEF6FE, #D8D9E3, #B6ADB7, #009AE9, #2B3641)
• Weathered Station color palette (#F4F5FB, #DFD8E1, #CFBBD0, #865CC1, #1B1C2F)
• Softworn Indigo Hollow color palette (#FEF1F7, #EED3D0, #D3B2BB, #6B5CA9, #4C3943)
• Muted Raspberry color palette (#F9F2FD, #E9D6DD, #BEAB9D, #D33681, #2C1E34)
• Tempered Garnet Basin color palette (#E9E1E9, #C2B7BF, #A8869B, #74001C, #030003)
• Washed Bronze Studio color palette (#FFF0FE, #FFCED0, #D293A2, #906A3D, #524215)
• Powdered Lagoon color palette (#F4F4FF, #DFD6E0, #C6C0B5, #FF69DA, #3C0949)

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