Tempered Iris color palette — #FAEEF6 · #777FC1 · #9B602E · #395724 · #111E17

Slate Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FAEEF6): bright and airy, almost weightless.
• Slate Blue (#777FC1): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#9B602E): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#395724): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#111E17): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Terracotta Veranda color palette (#E8F5F1, #6195C8, #A5483B, #5C4F0C, #151D13)
• Lilac Market color palette (#FAEEF2, #AB8DC9, #9E5F47, #39552A, #032F21)
• Timeworn Indigo color palette (#F1F5FF, #6D78D1, #7A6B1C, #594F21, #233637)
• Olive Grove color palette (#FDEDEF, #A877AF, #7D7107, #005750, #20151D)
• Dusty Lilac color palette (#F1F5FF, #9B9DF9, #AD7245, #546E4B, #263941)
• Worn Drift color palette (#FBF0E0, #B2A1D5, #A15F8B, #545526, #39262B)
• Muted Byzantium color palette (#FFECF4, #9244D1, #725000, #004128, #000D18)
• Timeworn Bloom color palette (#FAE8EB, #A468AF, #4C3434, #28191D, #100B0D)

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