Tempered Iris color palette — #FFF3E7 · #BBE0FF · #7E93F5 · #008284 · #46365F

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#BBE0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#7E93F5): A luminous, balanced violet — the color of wild irises.
• Teal (#008284): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#46365F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Boulevard color palette (#FFF2EC, #92EBFF, #2AA4F0, #008662, #313D66)
• Cobalt Villa color palette (#E6FAF9, #ABD3F8, #3680D7, #006185, #273E6D)
• Timeworn Station color palette (#FCF3EF, #C2E2E8, #84BAD4, #699175, #5F4B5E)
• Misty Cerulean Study color palette (#FBEAE5, #89D3D3, #0094BA, #2B6E39, #122F4E)
• Dusty Alley color palette (#F6EBE1, #65AAD5, #365DC5, #004A47, #180636)
• Pale Cerulean Hollow color palette (#FAE7DE, #25A3B8, #005E8D, #003D2A, #02022B)
• Misty Periwinkle Villa color palette (#FFF3E8, #FFA95C, #5799FE, #995400, #19396A)
• Cobalt Workshop color palette (#EADCD3, #46C3DF, #007ABF, #005B44, #12174B)

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