Tempered Denim color palette — #EDF4FF · #9FAADA · #7979BB · #5F559C · #484D6D

Slate takes the lead with Slate Blue close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#EDF4FF): bright and airy, almost weightless.
• Mauve (#9FAADA): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#7979BB): A luminous, balanced violet — the color of wild irises.
• Slate (#5F559C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#484D6D): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Denim 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

• Indigo Cabin color palette (#F2F5FF, #B0A8DB, #CD8177, #765FBD, #5F425A)
• Tempered Garden color palette (#F0EEFF, #C5A1CA, #A4699E, #894D7C, #584967)
• Softworn Garden color palette (#E4F6FF, #7DB8D2, #4491B6, #056798, #36516B)
• Linen Lilac color palette (#CCF7EA, #B2CAFF, #9896E8, #7E6AA3, #61444B)
• Ash Quarry color palette (#F3F4FF, #DED7E0, #C5BCB4, #8D8ABD, #515167)
• Patina Loft color palette (#F3F4FF, #D6C7F2, #8773AB, #593A7C, #3A2C50)
• Tempered Cerulean color palette (#F1F5FF, #8E93C5, #B17395, #008599, #3A4255)
• Weathered Mulberry Veranda color palette (#F4EAF9, #B784CA, #96499B, #7B1571, #582649)

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