Tempered Denim color palette — #F0DED5 · #5C9FA4 · #00627B · #003D2A · #000A16

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

The five colors

• Parchment (#F0DED5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Storm Blue (#5C9FA4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00627B): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003D2A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000A16): 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

• Tempered Petrol color palette (#FBEBE4, #6BAEB7, #007093, #004C3A, #00142B)
• Antique Pier color palette (#E6DBE3, #5BB2B7, #005E76, #002D1D, #000103)
• Faded Archive color palette (#E7DDD3, #6399C1, #2750AF, #003B40, #090028)
• Tempered Abyss color palette (#D9EBE7, #588998, #00454D, #002320, #000B10)
• Washed Cobalt Bloom color palette (#E8DFD6, #83B7E3, #506FC5, #005862, #1F1543)
• Cobalt Balcony color palette (#FBEBE2, #99CEE2, #3D8CCA, #006D65, #1D2C51)
• Feathered Denim color palette (#F1E2C8, #816500, #0057A6, #463600, #000614)
• Tempered Bronze Coast color palette (#EFEEDF, #927D00, #514600, #221B00, #020200)

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