Tempered Denim color palette — #F0E7E0 · #72A7C1 · #0057A1 · #003E3E · #14174A

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Blue Fog (#72A7C1): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0057A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#14174A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Denim Lagoon color palette (#F9E8E0, #5CAEB1, #006177, #00402A, #002238)
• Weathered Balcony color palette (#CDE4E2, #4DA7D3, #005E8D, #003744, #000B1B)
• Washed Ultramarine Meadow color palette (#F4EDE5, #89BEB0, #405CCA, #004E59, #2F2454)
• Cobalt Field color palette (#E9EDDE, #70BCE2, #007CB7, #005768, #00203C)
• Airy Azure color palette (#E6F3E8, #96C8E1, #4798DA, #007B87, #041C49)
• Worn Navy color palette (#F2E3D9, #3D8BA8, #003F6B, #002221, #02012B)
• Worn Cerulean color palette (#FDF3EE, #AFCFB1, #0086A2, #006342, #183E58)
• Misty Cornflower color palette (#FFF3E8, #A8D5F2, #397DE0, #00666A, #383A67)

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