Tempered Iris color palette — #FDF3E9 · #BDDFFF · #7996EF · #008091 · #403767
A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3E9): bright and airy, almost weightless.
- Powder Blue (#BDDFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender Blue (#7996EF): A luminous, balanced violet — the color of wild irises.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#403767): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Airy Azure color palette (#FFF2EB, #9EE8FB, #00A7EC, #008473, #243F6A)
- Gentle Indigo Pier color palette (#FFF3E6, #ACD3F7, #6774D9, #00666A, #4A3266)
- Powdered Hollow color palette (#FEF1F5, #D9DDFB, #A4AFFF, #00A4AD, #4D3068)
- Washed Cerulean color palette (#FBEBE3, #8CD3D5, #0095B5, #006F4B, #00314E)
- Weathered Shell Market color palette (#FFF1F5, #F9D1D2, #FFB4A8, #828FCA, #5B393B)
- Airy Wisteria color palette (#F4E4FF, #D28EFF, #15935C, #698A00, #3B2648)
- Powder Villa color palette (#FCF3EF, #C5F2E9, #7FBBD4, #7D8C6D, #38504A)
- Ultramarine Chapel color palette (#F6E7D8, #64A9DC, #2F5DC8, #004950, #13043C)
Browse the whole catalog at Explore, or see today's palette.