Tempered Denim color palette — #E7F4E9 · #7EA8C1 · #005B85 · #002B2C · #000104

Peacock takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F4E9): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7EA8C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005B85): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002B2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Washed Petrol color palette (#E5F2E7, #85C0DB, #006CAA, #003D42, #00020C)
• Cerulean Studio color palette (#F2EADD, #008EB1, #004161, #002223, #00091A)
• Dusty Pier color palette (#ECDEE6, #6FAABE, #0077CA, #005F4C, #060227)
• Lagoon Boulevard color palette (#C7EBE3, #009986, #004840, #000E0A, #000201)
• Timeworn Courtyard color palette (#EFF8F1, #8FDAE4, #0087A7, #005249, #000E19)
• Iris Ridge color palette (#EEF8F0, #D8DDFA, #5D91E7, #00667D, #141746)
• Worn Cerulean color palette (#CEF0F4, #64C4C7, #239BC9, #005A2E, #000201)
• Feathered Mulberry color palette (#C7EDEF, #007E5D, #98005F, #003425, #040001)

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