Tempered Denim color palette — #E5F1E7 · #5CABC4 · #005E86 · #003E3E · #00203F

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

The five colors

• Cream (#E5F1E7): bright and airy, almost weightless.
• Cyan (#5CABC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E86): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00203F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Faded Navy Meadow color palette (#E6F1E8, #6695BA, #0B4693, #002E39, #090443)
• Tempered Petrol Grove color palette (#E5F3E8, #85B8DA, #316AA9, #004E5A, #1C2A56)
• Aged Cerulean Pier color palette (#DCEADF, #3D8C9F, #00425B, #002221, #000A17)
• Dusty Azure color palette (#EDE6DC, #8ECADF, #009DDC, #007D7E, #00203F)
• Linen Workshop color palette (#ECDFD8, #93BCA6, #0077CB, #005B49, #17144E)
• Pale Cobalt Ridge color palette (#EBFAEE, #97D9F5, #0F87C9, #00656C, #1F406D)
• Sunlit Field color palette (#C6E6E9, #45C3C6, #2E95BA, #0D631A, #002F2C)
• Hushed Ash color palette (#F0F7F2, #D1E0F3, #73A0B8, #46787F, #3A566A)

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