Timeworn Drift color palette — #F3D8DA · #FF9D81 · #DB8100 · #8A6D00 · #3C4010

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

The five colors

• Shell Pink (#F3D8DA): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FF9D81): A luminous, balanced orange — the color of autumn markets.
• Mustard (#DB8100): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8A6D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4010): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Timeworn Apricot color palette (#F9E9E4, #F38C53, #B46A00, #775300, #463909)
• Chalky Moss color palette (#F7E4DE, #F8A751, #B29E00, #6A8A17, #194725)
• Tangerine Alley color palette (#FFE6F6, #FF92AE, #FE6436, #B05B00, #473200)
• Washed Amber color palette (#FFE9E6, #D87C53, #965300, #563E00, #242100)
• Weathered Amber color palette (#F8E1E8, #D3C181, #D08D44, #A06A5F, #16372E)
• Timeworn Pier color palette (#F9DACD, #B07500, #806B00, #415100, #001B02)
• Feathered Lantern color palette (#D8FEE2, #F1CB6B, #D19C00, #976C00, #2E2300)
• Patina Thicket color palette (#E1F4E4, #E3B85B, #65C7FF, #AB7F00, #003A55)

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