Tempered Iris color palette — #FBF2F9 · #788FC5 · #568D69 · #006E67 · #463844

A conversation between Slate Blue and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Slate Blue (#788FC5): A luminous, balanced violet — the color of wild irises.
• Fern (#568D69): A full-bodied, balanced teal — the color of sea glass.
• Teal (#006E67): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#463844): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Muted Quarry color palette (#FFF1F4, #A67FB4, #4A8B90, #18678B, #4C363C)
• Muted Pine Loft color palette (#FBF2F8, #7985B4, #397349, #005853, #223931)
• Worn Meadow color palette (#ECF9F1, #5B9BAD, #858151, #486A35, #2C4336)
• Washed Pier color palette (#F1F5FF, #9EA5E6, #93A466, #35879A, #373D4B)
• Muted Dune color palette (#FFEDED, #BB7DAA, #88873D, #006C6B, #2F1D1E)
• Indigo Bloom color palette (#FFF0FA, #5D6AD0, #007A51, #005653, #212750)
• Antique Mallow Pier color palette (#F7F3FF, #F5A3E0, #E0A982, #7F9CC3, #3F3A48)
• Driftwood Field color palette (#FBF3F2, #DED8D3, #A9AFA6, #A3727F, #5B4F4D)

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