Tempered Drift color palette — #FFF0F7 · #D4ABBB · #A0755C · #725266 · #554248

Mocha and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Rosewood Mist (#D4ABBB): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A0755C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Graphite (#725266): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#554248): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Patina Driftwood Garden color palette (#FEF1F5, #A4C1A5, #9E784C, #784F61, #3F4C41)
• Worn Bronze Basin color palette (#FFF0F8, #C99C7E, #9F6040, #734335, #4B363E)
• Stone Market color palette (#FEF1F8, #CBE0CB, #CFA9BE, #A089A2, #384D42)
• Bronze Quarry color palette (#FFF2EA, #E0C6A8, #B89378, #A36047, #5D4300)
• Dusty Driftwood color palette (#EDF9F0, #A68E47, #A36893, #864B56, #314236)
• Amber Lantern color palette (#FAD1DE, #B98110, #804E00, #5B2F00, #362600)
• Weathered Chestnut Bloom color palette (#FFDEEC, #8D5A1E, #562B00, #321100, #130900)
• Faded Cabin color palette (#DCF8DA, #BB9652, #8F5D00, #6B3C00, #1C3E28)

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