Timeworn Cocoa color palette — #FFF3E6 · #FFD0CA · #C99479 · #6D784F · #652C04

Rust and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFD0CA): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C99479): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#6D784F): A full-bodied, dusty green — the color of a quiet forest floor.
• Rust (#652C04): A deep, shadowed, balanced orange — the color of toasted spice.

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

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

• Weathered Petal Studio color palette (#FFF2E9, #FFCAEB, #C8909E, #8B6C41, #4F3837)
• Timeworn Shell Summit color palette (#FEF2EE, #FFB6B3, #B69363, #6A6395, #502D2E)
• Washed Apricot Parlor color palette (#FCF5E3, #F5BED9, #DD9D80, #5694B6, #5B403A)
• Sand Chapel color palette (#FFF4DE, #E5C886, #969657, #217265, #34312B)
• Coral Alley color palette (#FFF2EC, #E99586, #7C4419, #332823, #150D0B)
• Hushed Lantern color palette (#F6F6EA, #B8E4D8, #A9B48A, #AF7847, #464B00)
• Timeworn Marigold Bloom color palette (#FFF3E2, #F1A34F, #997923, #09603D, #311C00)
• Hushed Dune color palette (#E7F6EE, #D496B3, #A86541, #1A5A72, #342636)

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