Tempered Denim color palette — #E9F3FF · #CAD4E8 · #A1A9D0 · #005AAC · #0B1B2C

A conversation between Cobalt and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Powder Blue (#CAD4E8): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#A1A9D0): A luminous, dusty violet — the color of wild irises.
• Cobalt (#005AAC): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0B1B2C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged scandi, muted, light, cool.

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 Cypress Atelier color palette (#E7F4FA, #C5D7E2, #91AFCB, #006871, #001E28)
• Softworn Grape Lagoon color palette (#EEF1FD, #D1D2E1, #ADA6C5, #5934CB, #121830)
• Timeworn Denim color palette (#EAF9F5, #E3CAD9, #C39AA2, #005E9A, #223832)
• Cobalt Lantern color palette (#EEF6FF, #DDD9E3, #D1AEA8, #0081DA, #12263A)
• Timeworn Pewter color palette (#F2F1F7, #DED4DA, #CBB6BE, #965E90, #2D2A33)
• Patina Aubergine Delta color palette (#E8E7EE, #B6B0BF, #9985A1, #661976, #0B0817)
• Sapphire Courtyard color palette (#D1E1FD, #3E60EC, #8C004C, #392A00, #00120E)
• Navy Grove color palette (#DDE1E8, #8B8D98, #6A687F, #1D1173, #000106)

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