Tempered Iris color palette — #FCF1F9 · #D38D7F · #7485C8 · #7E628B · #3B333E

Slate Blue takes the lead with Camel close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Camel (#D38D7F): A luminous, balanced orange — the color of sun-warmed clay.
• Slate Blue (#7485C8): A luminous, balanced violet — the color of a velvet chair.
• Slate (#7E628B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3B333E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Blush Workshop color palette (#F8F2FD, #D989B0, #338EB3, #54689F, #312F3C)
• Tempered Stone color palette (#F8F5E9, #B7C381, #7AA7D6, #A27EA4, #3C3631)
• Cerulean Studio color palette (#EBF8F8, #57B38C, #2594CD, #61639B, #363241)
• Antique Seafoam Basin color palette (#EAF8FA, #78D3BE, #50A693, #806496, #162721)
• Pale Courtyard color palette (#EEF6FF, #6396DB, #A94EA0, #8F414E, #37252E)
• Teal Chapel color palette (#E6FBF3, #9CCC9E, #55A487, #4A7490, #314E4C)
• Dusty Byzantium Ridge color palette (#ECF9ED, #B78100, #9044A6, #8A2F53, #2F1926)
• Ash Ridge color palette (#EFF7F5, #D2DCE0, #AAB6C4, #73A89C, #4D5453)

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