Tempered Iris color palette — #FFF1F6 · #AFDBF9 · #7993D4 · #007C78 · #333759

Built around Lavender Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#AFDBF9): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#7993D4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007C78): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#333759): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Azure Harbor color palette (#FBF2FB, #9CE3E3, #24A4CA, #457A4D, #203C5B)
• Wandering Ridge color palette (#F3F7EA, #A8CFC1, #4F7CA6, #005C76, #1F3B60)
• Wisteria Workshop color palette (#DFE2FF, #AB73F4, #5E9B4D, #27846A, #272941)
• Weathered Balcony color palette (#FBF2F6, #DAD4E3, #9BB3D5, #628F98, #4D5264)
• Hazy Nightshade color palette (#F4E1E8, #5C98CA, #414EA4, #003B3C, #100022)
• Wandering Petrol color palette (#EDDBE8, #48B2C5, #006DA1, #004C34, #050A3E)
• Patina Forest color palette (#EDE2EE, #72C2BB, #00829B, #135E06, #00213A)
• Violet Villa color palette (#D9EEFF, #8EA2FF, #9A6DDC, #7D4B85, #542740)

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