Tempered Denim color palette — #F3F6EF · #6FA687 · #317C89 · #325191 · #5B3540

Peacock takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Jade (#6FA687): A luminous, dusty teal — the color of glacier melt.
• Teal (#317C89): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#325191): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5B3540): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Aubergine color palette (#EDF8F1, #4895A8, #4A5FA0, #632E6F, #5C222C)
• Timeworn Cypress Workshop color palette (#F7F5ED, #969D6F, #318162, #005E6E, #324263)
• Timeworn Lagoon color palette (#FBF2F7, #E0A082, #39A181, #6A6096, #493C57)
• Dusty Petrol color palette (#F4F6F0, #C7E5EA, #819BBE, #2F779B, #614A5E)
• Antique Taupe Drift color palette (#FCF6DC, #D0D0B7, #929979, #5D7767, #375657)
• Frosted Aubergine Harbor color palette (#EDFAE9, #009185, #00618A, #4500A5, #560544)
• Cypress Terrace color palette (#F8F0EA, #C68D68, #00837A, #5D3E66, #3D1B22)
• Weathered Garnet color palette (#FAF5E9, #A39960, #4C7D5A, #7E3B4A, #613700)

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