Timeworn Cocoa color palette — #F7D7E7 · #AE7A35 · #7C3600 · #460008 · #020100

Built around Rust, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7D7E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#AE7A35): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#460008): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Aged Bronze color palette (#D8EFD5, #9D832B, #6C4300, #3C1300, #010100)
• Garnet Meadow color palette (#FEDAEA, #BD914D, #904A06, #630301, #050400)
• Chestnut Canyon color palette (#EFD8E3, #904E00, #572600, #2E0B00, #060002)
• Antique Station color palette (#FFF1F6, #E4B251, #B86600, #8D1D00, #1C1900)
• Olive Basin color palette (#E1FDEE, #A5BC81, #827912, #5E4000, #001804)
• Terracotta Parlor color palette (#FFF0F8, #E6B9C8, #B47A5F, #8A3B3F, #0A2816)
• Midnight Amber color palette (#DCEAF7, #D26E48, #002E48, #0A0B13, #000103)
• Gentle Mulberry Balcony color palette (#D4E2EF, #00659B, #920030, #2E2800, #000103)

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