Timeworn Cocoa color palette — #FED7DB · #A26B5C · #6C4400 · #003C37 · #001017

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FED7DB): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A26B5C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6C4400): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003C37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001017): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Antique Field color palette (#F5D6ED, #8A7291, #724637, #003F23, #001212)
• Ancient Rust Pier color palette (#F5DBF3, #B86551, #78693B, #0F4B63, #00160D)
• Worn Fern Dune color palette (#F4D8C6, #8A6E33, #4C5E1A, #003554, #090634)
• Softworn Corridor color palette (#F6E3E0, #BB3F10, #773200, #341C00, #0F0700)
• Ancient Balcony color palette (#F6DDE7, #9C5300, #006086, #562B00, #00070E)
• Worn Onyx Grove color palette (#E8DEF2, #865667, #5E3600, #061947, #0F0028)
• Pale Aubergine color palette (#FFE6EF, #7E4A00, #005A52, #550089, #040100)
• Tempered Navy color palette (#FAEDD9, #938D60, #487046, #204075, #181038)

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