Tempered Iris color palette — #FFF4E2 · #A5D0FF · #9284D3 · #8B541F · #3C2B3A

Lavender Blue takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#A5D0FF): A whisper-light, balanced blue — the color of open sky before noon.
• Lavender Blue (#9284D3): A luminous, balanced violet — the color of wild irises.
• Ochre (#8B541F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C2B3A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Periwinkle Corridor color palette (#FFF4E2, #78DCF9, #6992D4, #914D43, #1C382E)
• Weathered Peony color palette (#FFF4E2, #D3BFFF, #C075A9, #67672D, #422931)
• Hushed Aqua color palette (#FFF5D9, #5ED9FF, #AC96DD, #8A844A, #463748)
• Wandering Peony color palette (#FDF0FD, #90BDFF, #C3659B, #7D5200, #003421)
• Dusty Meadow color palette (#FFF0FF, #7C95D7, #69609B, #73384A, #313D57)
• Washed Byzantium Quarry color palette (#FFF4E2, #8EA3FF, #A325D7, #5B4100, #180D3C)
• Bronze Hollow color palette (#FFF0FE, #EFD2D3, #C19FC4, #9B7233, #554700)
• Powder Terrace color palette (#F8F5EF, #C2E2F6, #90BDFF, #338FA6, #51344A)

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