Tempered Denim color palette — #F0F5FF · #DDD6EC · #B1B9DB · #4158AC · #060C18

Cobalt takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#DDD6EC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B1B9DB): A luminous, dusty violet — the color of a velvet chair.
• Cobalt (#4158AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#060C18): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Worn Mulberry color palette (#F5F4FF, #E5D3E4, #C2B3D7, #7F4192, #0D0A17)
• Washed Navy color palette (#E8E0E7, #BFADB7, #9E868E, #1F3C8A, #10070F)
• Hushed Veranda color palette (#ECEEF4, #CCCEE0, #A3A1CA, #5330A1, #010209)
• Timeworn Cobalt Thicket color palette (#E4ECF8, #C6BBD3, #B0A0B2, #527ECE, #16202D)
• Patina Drift color palette (#F3F4FF, #DED7E0, #C8C3B6, #935ED1, #212238)
• Hushed Orchid color palette (#F1F5FF, #BDD0FF, #AAA2FF, #A04CCA, #03000E)
• Timeworn Grove color palette (#EDEAF7, #BDB7C8, #998AA9, #5C1862, #010006)
• Grape Terrace color palette (#E2E7FE, #720DE0, #1D032E, #0A0612, #01000A)

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