Tempered Iris color palette — #FBF4ED · #B4DFD3 · #6F8FF2 · #007A8A · #4F2E40

A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Silver (#B4DFD3): A whisper-light, dusty teal — the color of sea glass.
• Lavender Blue (#6F8FF2): A luminous, balanced violet — the color of wild irises.
• Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4F2E40): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Periwinkle Parlor color palette (#F0F7F1, #DAD5DF, #81A5EC, #007B99, #272A4F)
• Antique Lagoon color palette (#FBF3F0, #C2E8E2, #5DB0D8, #1F8E76, #543F56)
• Softworn Cornflower color palette (#FFF3E9, #88D6FC, #138DF7, #007271, #23296D)
• Azure Boulevard color palette (#FEF2ED, #A5E0E8, #00A4D4, #007F62, #0E443A)
• Worn Cobalt color palette (#E9F9F9, #A2C9F1, #4C79B9, #015A7F, #2A3B56)
• Cobalt Loft color palette (#CFE8EC, #13BDF0, #008CE2, #3959AD, #2F305A)
• Gentle Sapphire Workshop color palette (#F9E8FA, #6FACEF, #D38C17, #006BC2, #4B2E01)
• Hushed Mallow Workshop color palette (#E0FDF4, #FFD5ED, #EEA6DC, #479CAE, #4B3545)

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