Tempered Denim color palette — #FBD4D8 · #BF9784 · #7B764B · #654A72 · #5A323E

A conversation between Charcoal Brown and Walnut, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBD4D8): A whisper-light, dusty red — the color of a theater curtain.
• Taupe (#BF9784): A luminous, dusty orange — the color of autumn markets.
• Walnut (#7B764B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#654A72): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#5A323E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Olive Veranda color palette (#FFE1D4, #BEA789, #767C35, #7F4150, #723518)
• Softworn Stone color palette (#F0DAC7, #C9B783, #969168, #477061, #553D4E)
• Antique Courtyard color palette (#FFE0EC, #90AF98, #6F8445, #31506B, #212B41)
• Garnet Coast color palette (#F4EDDA, #ACA171, #40715B, #7D3034, #4C3900)
• Tempered Fern color palette (#FFE1DB, #A47555, #526211, #4E2754, #3C1628)
• Cocoa Field color palette (#FFF2EC, #D2C5AF, #8E997B, #8D6A63, #804126)
• Oat Boulevard color palette (#E9DBEB, #E3BE9A, #7AAEA1, #7B81A7, #3B3F5E)
• Indigo Archive color palette (#F5EEDE, #9C8F3F, #7F66C0, #635700, #392A5E)

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