Tempered Drift color palette — #FFF0F7 · #A1C2A5 · #A77252 · #6B556B · #3B4C44

A conversation between Mocha and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sage (#A1C2A5): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A77252): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Graphite (#6B556B): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3B4C44): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Bronze Lantern color palette (#FEF1F9, #C698A8, #A45C45, #70424D, #2D4336)
• Patina Field color palette (#FFF1F7, #E7BECA, #B58FA0, #856C7D, #3D4C40)
• Aged Bronze color palette (#FCEFE5, #D7B48C, #AC7544, #814622, #332B1E)
• Muted Station color palette (#F3F5FC, #C5B8E3, #A27233, #765CA5, #273126)
• Muted Driftwood Archive color palette (#F3F4FF, #DBB0D5, #BC6975, #844623, #5B3D00)
• Cocoa Summit color palette (#E0F6E0, #A69F60, #8D5E00, #7C2C08, #293C18)
• Ancient Denim color palette (#F3F5FC, #96CCC7, #60538C, #323651, #27232C)
• Ancient Lantern color palette (#ECF7FF, #4B9AC3, #3D9170, #32677C, #323F48)

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