Tempered Denim color palette — #DBE2E8 · #B4B9C4 · #8D8AA6 · #004A6D · #0C2131

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Silver (#DBE2E8): a clean, paper-quiet neutral.
• Ash (#B4B9C4): a calm mid-gray that lets other colors speak.
• Slate Blue (#8D8AA6): A luminous, dusty violet — the color of wild irises.
• Navy (#004A6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0C2131): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Aged Navy Cabin color palette (#E3EEEA, #BCAEBA, #A58196, #004773, #000E0A)
• Weathered Orchard color palette (#E7F0F9, #BCC5D2, #98A3C7, #0765A0, #12212E)
• Weathered Aubergine color palette (#E9EDF7, #BAB6C5, #98879D, #471CA3, #191E33)
• Dusty Dune color palette (#EEEEF4, #CFC9D3, #B297AC, #703889, #2D2C3A)
• Softworn Ultramarine Harbor color palette (#F1F5FD, #D0D1E2, #C497AE, #3648C3, #24334E)
• Spruce Loft color palette (#D3EFEE, #448AA1, #4E4F7B, #124100, #002D2C)
• Dusty Boulevard color palette (#E4F0EB, #DDBDC2, #C3A39E, #3F89B1, #16221E)
• Cobalt Coast color palette (#F1F6FB, #DBD9DF, #C6BBC6, #4577AC, #3F4954)

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