Tempered Iris color palette — #EBF7FF · #98BCE3 · #797FC6 · #694B83 · #61375C

A conversation between Slate Blue and Graphite, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Sky (#98BCE3): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#797FC6): A luminous, balanced violet — the color of wild irises.
• Graphite (#694B83): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#61375C): A full-bodied, balanced pink — the color of neon signs at night.

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

• Navy Pier color palette (#F0F5FF, #C1D0FF, #9497CC, #726A9A, #533C6D)
• Timeworn Driftwood color palette (#F0F5FF, #C5B8EA, #A06B9F, #834864, #753337)
• Airy Cerulean Chapel color palette (#DDFCFF, #8CCCD4, #328AB6, #395B95, #433D6E)
• Antique Cobalt Drift color palette (#E8FAF4, #79AFD1, #7B6BA9, #516029, #3B495A)
• Cerulean Meadow color palette (#F1F6FB, #DBD9E2, #BAA7A8, #6286A5, #4F5357)
• Feathered Grape color palette (#D1DFF3, #877EE1, #822BAA, #64004F, #49001D)
• Patina Amethyst Bloom color palette (#DEEEFF, #829AFF, #833AE1, #780070, #65003C)
• Cobalt Orchard color palette (#EDF2FC, #6C76BD, #3B3952, #222836, #14151A)

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