Tempered Denim color palette — #FFF1F5 · #D0B9E3 · #8A72A1 · #594370 · #4E2A37

Charcoal Brown and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#D0B9E3): A luminous, dusty violet — the color of wild irises.
• Slate (#8A72A1): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#594370): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#4E2A37): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged monochrome, 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

• Cobalt Studio color palette (#FFF0FE, #ABC6F1, #6080AF, #39517A, #452A45)
• Muted Mallow color palette (#F3F4FF, #E8D6FF, #CDAAF4, #987EB2, #383654)
• Aubergine Cabin color palette (#FFECF2, #EFC0CE, #9078AF, #5F3876, #281538)
• Patina Coast color palette (#FFF2EE, #E39DA3, #A6575F, #6E2C35, #4E1820)
• Dusty Stone color palette (#FDF2F2, #E3B59D, #795351, #4D2F2F, #2C221C)
• Muted Thicket color palette (#FFF1F1, #BB779E, #9C7652, #4B5F86, #4E3636)
• Mulberry Pier color palette (#FFD7EF, #C56CA7, #8B226D, #4B0039, #2C0022)
• Washed Plum color palette (#FFF0FD, #D987D2, #A33C9F, #620363, #460046)

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