Tempered Drift color palette — #FFD9DB · #A96259 · #823F15 · #2C2F00 · #001B16

Bronze and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD9DB): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#A96259): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#823F15): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#2C2F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Garden color palette (#F9E3EB, #86514E, #663200, #002B21, #00181B)
• Hushed Chestnut Coast color palette (#F2D7E2, #B07473, #8C5525, #004F3B, #00191B)
• Muted Corridor color palette (#F3DDF2, #AB568E, #773A4C, #412500, #1C1200)
• Weathered Bronze Thicket color palette (#F4DCCD, #BC5F00, #703700, #2A0F00, #040100)
• Muted Thicket color palette (#F9EEDE, #99802D, #696A0C, #014539, #002222)
• Gentle Scarlet color palette (#FFEAEA, #D30023, #881A00, #491400, #130400)
• Tempered Pewter color palette (#E7EBF8, #8D6693, #704234, #001D44, #000109)
• Garnet Orchard color palette (#FADECF, #8A4000, #4A5300, #6F004F, #040100)

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