Tempered Denim color palette — #DDEBF7 · #7EAD89 · #004C6F · #001F30 · #00060E

Navy and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDEBF7): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#7EAD89): A luminous, dusty teal — the color of glacier melt.
• Navy (#004C6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001F30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00060E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Denim Summit color palette (#EDF2FA, #8DC0A9, #39538A, #13254C, #070D16)
• Weathered Navy color palette (#E2F3EE, #C98B69, #004576, #002340, #091A16)
• Worn Villa color palette (#E5E8F7, #C98E8E, #4B377C, #20103E, #030313)
• Ancient Pine color palette (#DAE7F6, #1F8E5C, #002A50, #291E25, #000816)
• Pewter Villa color palette (#F0F1FC, #D8B7D3, #695880, #2D2D4B, #12131D)
• Petrol Studio color palette (#EEF6FF, #FFC09F, #2C679B, #00294A, #00040C)
• Softworn Chestnut color palette (#D1F0F4, #008878, #915400, #514300, #001417)
• Quiet Ultramarine Coast color palette (#EBF2FE, #7F9EE5, #754EA0, #1A3ECD, #050416)

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