Tempered Iris color palette — #DBECDE · #96C5F3 · #628EED · #007897 · #181649

Built around Lavender Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DBECDE): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#96C5F3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#628EED): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007897): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#181649): 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

• Softworn Azure color palette (#D6E3D9, #80CDE2, #009FD5, #007D7A, #00213B)
• Patina Hollow color palette (#DAEAFF, #DAB5E9, #DB91BC, #4089B7, #12213E)
• Cobalt Ridge color palette (#FBF4EB, #A3D1FD, #5D75C1, #00505B, #10002E)
• Indigo Station color palette (#E4EDE4, #7FB7E8, #5766D8, #00595B, #27133D)
• Misty Ultramarine Coast color palette (#D0F1FA, #00A8DF, #0083C9, #195BB5, #111448)
• Gentle Sky color palette (#E9FAED, #9EE6FF, #2DB7FC, #00979A, #003362)
• Weathered Coast color palette (#E8EDE0, #7AA0C6, #21569F, #00364E, #010034)
• Cornflower Dune color palette (#DEE8FF, #89A4FF, #5A7AF5, #2449A1, #01002E)

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