Tempered Drift color palette — #F8F0EC · #D8D8D0 · #A7B5AC · #B0714C · #3B3531

Mocha takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#D8D8D0): a clean, paper-quiet neutral.
• Ash (#A7B5AC): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#B0714C): A luminous, balanced gold — the color of old brass.
• Espresso (#3B3531): quiet, heavy and certain.

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

• Timeworn Station color palette (#FAF4F0, #DCDAD2, #A2B0AB, #A37660, #58514C)
• Bronze Studio color palette (#F9F0E8, #D4D8CC, #BFC1AC, #9A5900, #2F2216)
• Washed Basalt Hollow color palette (#E5E0D8, #B4B4A7, #86927C, #514300, #100900)
• Ancient Driftwood color palette (#F6F1E9, #C7C5A8, #778C4A, #715A60, #32312A)
• Antique Parlor color palette (#FBF0DF, #DB978E, #7E7A50, #634761, #37291C)
• Antique Olive color palette (#EBE2DC, #968C7A, #756D22, #461C00, #030100)
• Tempered Bronze color palette (#F4ECE2, #A47A44, #3D3C35, #241D15, #110B08)
• Fern Terrace color palette (#F3F2E9, #CFD7C8, #9BB39F, #446800, #1C1B08)

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