Tempered Denim color palette — #E8DDD4 · #69ACCD · #174FA8 · #002C27 · #010008

Indigo takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#E8DDD4): bright and airy, almost weightless.
• Cyan (#69ACCD): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#174FA8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Frosted Ultramarine Corridor color palette (#FDEBD9, #7DBFEA, #3B5EC3, #003E3C, #04000F)
• Muted Teal color palette (#FFE9E3, #4AB5B1, #005E74, #012E05, #000104)
• Aged Loft color palette (#ECE0E5, #5687A3, #003A7B, #002223, #06002B)
• Patina Cobalt color palette (#D7E6E5, #6DA9CB, #007BBD, #005A6F, #000919)
• Weathered Boulevard color palette (#C4EADC, #0073A6, #7F4200, #002F47, #030100)
• Powder Drift color palette (#DAECE4, #A8B0FF, #B672A4, #005651, #030004)
• Tempered Basin color palette (#D0E7F6, #005B84, #613E00, #462B00, #000103)
• Frosted Lantern color palette (#FFF2EB, #69DEFB, #0080CB, #00533F, #06062B)

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