Tempered Drift color palette — #E6DDDB · #C9BEB1 · #B2A490 · #B86270 · #2E1913

A conversation between Mocha and Onyx, giving this palette its sense of sophistication.

The five colors

• Bone (#E6DDDB): bright and airy, almost weightless.
• Stone (#C9BEB1): A luminous, dusty gold — the color of old brass.
• Taupe (#B2A490): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#B86270): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#2E1913): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Patina Field color palette (#F0E3E1, #CFC1BA, #B4A18F, #973D59, #2E1915)
• Washed Market color palette (#E6DEE6, #BDAEBB, #A4819A, #761E32, #0F0810)
• Amber Parlor color palette (#FDF3ED, #DED9C9, #C8C2A2, #E47441, #512500)
• Ancient Chestnut Bloom color palette (#E6E0DA, #A2A291, #8A8C6E, #8D5400, #100701)
• Cypress Quarry color palette (#F9E4D2, #B89F7B, #918954, #37765B, #00352F)
• Patina Lagoon Coast color palette (#ECEEDB, #80B689, #339365, #825A37, #012209)
• Airy Tangerine color palette (#F7D8C9, #FF9DA8, #FF8473, #E97010, #2C0400)
• Taupe Studio color palette (#FCF3F0, #E0DAD0, #AFB2A6, #D39B99, #4F4542)

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