Tempered Iris color palette — #FBF2F5 · #C1D7ED · #8191D0 · #007C7D · #403257

Built around Blue Fog, softened by Teal — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Powder Blue (#C1D7ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8191D0): A luminous, balanced violet — the color of wild irises.
• Teal (#007C7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#403257): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Pine color palette (#F9F3F9, #BBDBE5, #4CA1C2, #1B803F, #223C5C)
• Powdered Cornflower Canyon color palette (#FFF0F8, #91D5F6, #488BEB, #007467, #321A79)
• Hushed Cobalt color palette (#F9F4ED, #9FD1C2, #4F78B9, #005D71, #4D2F46)
• Lagoon Lagoon color palette (#FAF3F6, #DADEED, #A0B0DA, #369794, #4C506C)
• Antique Lagoon color palette (#EDF6FF, #E6D5EC, #EFAAC2, #00929B, #2C3D57)
• Weathered Cabin color palette (#C6E8E6, #51C0D9, #0093C9, #3A59C0, #332E62)
• Patina Amber Summit color palette (#E1F1FF, #72AFDF, #D28C17, #0070AE, #4B2F00)
• Soft Forest color palette (#EEE6EF, #85BBCA, #0081A2, #005E22, #001F41)

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