Tempered Iris color palette — #FBEFE5 · #C48450 · #9371B5 · #7B4C6C · #2B2017

Slate Blue and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FBEFE5): bright and airy, almost weightless.
• Caramel (#C48450): A luminous, balanced gold — the color of honey in a jar.
• Slate Blue (#9371B5): A luminous, balanced violet — the color of wild irises.
• Graphite (#7B4C6C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#2B2017): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Azure Coast color palette (#E5F6F0, #569DC9, #9972A1, #824965, #162721)
• Worn Veranda color palette (#E9F9F6, #6BA24A, #966F99, #715373, #2C423E)
• Teal Atelier color palette (#ECF5E8, #4BA793, #6383BB, #5F5685, #1E251A)
• Worn Coast color palette (#F5F6EB, #A5D297, #A4A6EF, #AC6C7D, #32322B)
• Muted Quarry color palette (#F4F3E5, #779239, #B05265, #813A16, #1D1B09)
• Mint Garden color palette (#E2FCF7, #83BD77, #69A6BA, #976C7E, #30413E)
• Driftwood Veranda color palette (#F0F3ED, #D0DAD5, #A0B7BA, #78896A, #333830)
• Mulberry Meadow color palette (#F6E2F5, #3C73C8, #9E357F, #7C1329, #190919)

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