Tempered Taupe color palette — #F9F3F7 · #DFD7D7 · #B3B6A9 · #C68B77 · #5A4F56

Built around Caramel, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#DFD7D7): a clean, paper-quiet neutral.
• Ash (#B3B6A9): soft and architectural.
• Caramel (#C68B77): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5A4F56): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Taupe 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

• Ancient Driftwood Canyon color palette (#FCF3EF, #DEDBD0, #ACB4AB, #6D7B96, #58514E)
• Hushed Moss color palette (#F0F7F3, #D3DBDC, #B0C7CA, #99933C, #414A45)
• Muted Marigold Garden color palette (#FFF1F6, #E5DBCD, #BBCF9B, #CDA548, #5F3D49)
• Washed Cypress color palette (#ECF9EF, #DDB592, #A88F59, #407E5A, #3D4D3C)
• Weathered Cocoa color palette (#EFE3E9, #B09FA6, #748F73, #6E3100, #14030C)
• Tempered Amber color palette (#FBEEF2, #C48F5A, #4A5E4C, #433338, #271F23)
• Petrol Market color palette (#ECF9F3, #B3B67C, #639A7C, #007784, #2B4364)
• Antique Fern Pier color palette (#E2ECE8, #A6B9B4, #73A098, #505900, #001911)

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