Tempered Drift color palette — #F3EDE8 · #D4CBBF · #AD9E85 · #794700 · #362C21

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F3EDE8): bright and airy, almost weightless.
• Oat (#D4CBBF): soft and architectural.
• Taupe (#AD9E85): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#794700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#362C21): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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

• Weathered Fern Quarry color palette (#F8F6E7, #D4D4C2, #A6AA86, #526300, #34332C)
• Cocoa Workshop color palette (#EFEAE3, #C1B8A4, #8F9266, #554100, #271E0D)
• Weathered Bronze Veranda color palette (#F8EAF0, #CDDCD0, #9EC0B3, #9D6132, #362A2F)
• Pine Bloom color palette (#E3DFCE, #A09E75, #3D7248, #00505C, #033850)
• Tempered Olive color palette (#E2E4D8, #979C8B, #627B3A, #043505, #090A00)
• Wandering Pine color palette (#F4F6EE, #CDDFD4, #AEC4A2, #1D7E4B, #394600)
• Aged Bronze color palette (#EBDCBF, #977000, #534F00, #003D33, #2D2300)
• Gentle Studio color palette (#FFF3DE, #F2990C, #B58A00, #6C6E00, #2B2000)

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