Timeworn Cocoa color palette — #FFEBF7 · #C79EAF · #976853 · #703B36 · #182718

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#C79EAF): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#976853): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#703B36): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#182718): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Wandering Cocoa color palette (#FFECF2, #97B49B, #976A3C, #713C1F, #11281B)
• Tempered Garnet Pier color palette (#EFDAE4, #B29171, #8C5533, #6A2315, #071D0C)
• Softworn Station color palette (#FFF0F9, #C8E7C5, #C88E77, #965460, #1F382B)
• Washed Pewter color palette (#EBF5EC, #A7C4B0, #6F8B70, #704B5C, #1B3227)
• Worn Grove color palette (#FFF2EA, #E1B390, #BF7C60, #96553A, #553500)
• Hushed Rust Coast color palette (#E6F4FF, #448FB8, #AB5A51, #6A4C00, #021C2E)
• Cocoa Garden color palette (#FCEBF1, #8D6B34, #643700, #3E1300, #080500)
• Washed Denim Workshop color palette (#E7F4FD, #C8B07F, #1C5D76, #002C3C, #020E16)

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