Tempered Iris color palette — #FCF4EA · #B3D9FE · #7791E0 · #277885 · #4D3040

Lavender Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Powder Blue (#B3D9FE): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender Blue (#7791E0): A luminous, balanced violet — the color of wild irises.
• Teal (#277885): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#4D3040): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Patina Courtyard color palette (#F0F8F1, #DBD5DF, #87A5E4, #007A9A, #282A4F)
• Turquoise Market color palette (#FEF2ED, #B3F1FD, #68AED4, #3E8A77, #544055)
• Washed Cornflower Drift color palette (#FFF3E8, #86D6FF, #2D8DF2, #007273, #252A67)
• Muted Cobalt Courtyard color palette (#FCF4EA, #A0D1C4, #6872B3, #005F63, #433058)
• Wandering Azure color palette (#FFF2EC, #94E4E9, #17A5CA, #2E7C5E, #154439)
• Petrol Lantern color palette (#F2E2D8, #3BB1D3, #006CA6, #004B44, #020D3C)
• Weathered Stone color palette (#FAF4EE, #C4E2F6, #C8A4C3, #6C9175, #5F4C57)
• Marigold Balcony color palette (#FEEBD6, #F7A534, #5083DA, #9D6300, #1D345D)

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