Timeworn Cocoa color palette — #FAEBE6 · #D8C9BF · #B09D85 · #803D42 · #3B2924

Rust takes the lead with Taupe close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#FAEBE6): bright and airy, almost weightless.
• Oat (#D8C9BF): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B09D85): A luminous, dusty gold — the color of old brass.
• Rust (#803D42): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#3B2924): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cocoa Coast color palette (#FCF3EF, #DED9CA, #BFB19B, #914E46, #612606)
• Tempered Cocoa Orchard color palette (#E6DCD7, #C5B6A6, #9A8D6F, #6D2F1C, #2A1C13)
• Weathered Terrace color palette (#FFE4E6, #BA8972, #6D6A26, #39446E, #4A2E41)
• Softworn Bronze Thicket color palette (#F9F4ED, #D8DDD2, #A5B1B3, #A17A3A, #56524C)
• Washed Coral Pier color palette (#F2ECF2, #E0CECF, #D2B1AE, #E06669, #382737)
• Timeworn Olive Studio color palette (#F8F5ED, #D2DECF, #B5C2A1, #756D00, #4F3D00)
• Olive Boulevard color palette (#E2DED6, #9E9B81, #6A7834, #342A00, #0F0800)
• Washed Lagoon color palette (#E6E7D0, #33A276, #00625D, #572D47, #232D10)

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