Tempered Iris color palette — #EEF8ED · #D9DDFA · #6A89F7 · #006877 · #20153F

Lavender Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8ED): bright and airy, almost weightless.
• Thistle (#D9DDFA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#6A89F7): A luminous, vivid violet — the color of wild irises.
• Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#20153F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, 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

• Antique Azure color palette (#FDF1F8, #BDEFFF, #009AE7, #006B61, #0A1B42)
• Wandering Ridge color palette (#EBF2E0, #B2D7FF, #6DA5FA, #3387B5, #1E2C50)
• Periwinkle Drift color palette (#EEF6FF, #58A7FF, #9F6000, #567023, #000C20)
• Washed Petrol Grove color palette (#F6EDE1, #8DB5DE, #4665A9, #004D61, #262853)
• Cobalt Coast color palette (#FEF0FB, #93D9E7, #0085B5, #005344, #000C22)
• Ancient Turquoise Ridge color palette (#FCF1F9, #D3D5E4, #00B8E2, #00835C, #0D314B)
• Hushed Harbor color palette (#EEF6FF, #E1D9E3, #F8A8F0, #0095B2, #132039)
• Timeworn Turquoise color palette (#F5E6F1, #58B2BC, #005D7A, #002D20, #000104)

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