Tempered Iris color palette — #EFF8F1 · #D9DCF9 · #6B90DA · #006680 · #171647

Lavender Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Thistle (#D9DCF9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#6B90DA): A luminous, balanced violet — the color of wild irises.
• Peacock (#006680): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#171647): A deep, shadowed, balanced 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

• Patina Cerulean Basin color palette (#F0F8F1, #C9E3FF, #00A3BE, #006C59, #002230)
• Petrol Canyon color palette (#F7EDDE, #7EB7EC, #4365AC, #004D61, #262952)
• Pale Iris color palette (#F7EBEE, #AFD8FF, #8C9AFF, #009096, #36224C)
• Denim Lagoon color palette (#E0EEE3, #63B0B9, #005E74, #002C25, #000103)
• Weathered Sky color palette (#EDF9EF, #D4D7E8, #0FBEFB, #008884, #00385D)
• Cerulean Loft color palette (#EDF9EF, #91D9E6, #0087AB, #00524B, #000E1A)
• Ancient Balcony color palette (#E4F3E6, #88BFDC, #006BB0, #003D44, #000110)
• Rose Bloom color palette (#E5FAFF, #11C2BE, #EF5079, #007270, #350010)

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