Tempered Iris color palette — #FFF3E9 · #F9C2AC · #A8B581 · #937FBF · #643E00

Built around Slate Blue, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#F9C2AC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#A8B581): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#937FBF): A luminous, balanced violet — the color of wild irises.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Dusty Alley color palette (#FFF3E4, #F7BFCA, #C9A972, #7987C7, #4D4642)
• Wandering Station color palette (#FFF2EE, #DED0A0, #80BDA8, #B6739B, #514900)
• Taupe Market color palette (#FFF4E2, #FAD7A0, #9CAA69, #4B76A0, #423F38)
• Cerulean Drift color palette (#F9F5E9, #C9CC91, #7DB0D3, #4F8EB6, #5A334E)
• Worn Plum color palette (#FFE9E1, #CDBA6C, #43AC90, #9D5793, #31312A)
• Worn Clover color palette (#FFF2EB, #F4B259, #3AC35E, #934FB6, #3D3600)
• Mustard Alley color palette (#F8F1E2, #C8B76C, #7A823B, #6B5000, #26201B)
• Worn Jade color palette (#FBF3F1, #C8DDE0, #93D2E7, #78B37B, #29534A)

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