Tempered Drift color palette — #F9F3F7 · #CFD9DA · #9CA5B3 · #BC7D6C · #4D454B

A conversation between Caramel and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Blue Fog (#9CA5B3): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#BC7D6C): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#4D454B): quiet, heavy and certain.

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

• Ancient Taupe color palette (#FBF2F7, #E6D7D6, #AFB4C4, #D29D88, #4F444B)
• Washed Bronze color palette (#FAF4F0, #DDDBD1, #C1C2AB, #A06248, #4F4640)
• Worn Pewter Quarry color palette (#F8F2FF, #DCC4DC, #A89B70, #7A6992, #574769)
• Timeworn Cocoa color palette (#E5ECE6, #95AAA2, #6F8D8C, #5B4000, #030C04)
• Denim Drift color palette (#E9FBEB, #E7989F, #9E8335, #4B5EA4, #503245)
• Antique Moss Workshop color palette (#F0F7F4, #D1DBDF, #B2C0CD, #7E8900, #2B4038)
• Washed Amber color palette (#F1DFE5, #BD8038, #315649, #3C272E, #1D161B)
• Lagoon Terrace color palette (#ECF9EF, #9ED1C3, #679D82, #81668A, #274A42)

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