Timeworn Drift color palette — #F2DCE3 · #D18833 · #4A6A55 · #52313D · #130A0F

A conversation between Mustard and Pine, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DCE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#D18833): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#4A6A55): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#52313D): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#130A0F): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Timeworn 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

• Washed Coral color palette (#EFE0EB, #E07962, #765764, #4A3444, #120A13)
• Timeworn Amber Market color palette (#E2F2E5, #C49200, #3F6C59, #28442E, #140A0E)
• Muted Bronze color palette (#F6E2E9, #B76B00, #21493A, #351623, #130912)
• Antique Pier color palette (#E9F5F1, #AFBF87, #64837F, #455A53, #1D2320)
• Bronze Loft color palette (#DEF0DE, #A16E00, #4B4300, #2A1A00, #060002)
• Washed Clover Atelier color palette (#DDF6F3, #53BB50, #2D765E, #2B4B29, #031611)
• Charred Bronze color palette (#D1EADB, #7A6B00, #2A3804, #09171A, #090700)
• Dusty Emerald color palette (#C9F3F0, #00A75C, #136154, #023836, #000605)

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