Timeworn Cocoa color palette — #E3F8E7 · #E2CBA2 · #9D7E46 · #684200 · #281800
Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Honeydew (#E3F8E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Wheat (#E2CBA2): A whisper-light, dusty gold — the color of old brass.
- Mocha (#9D7E46): A luminous, balanced gold — the color of old brass.
- Bronze (#684200): A full-bodied, balanced gold — the color of old brass.
- Onyx (#281800): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged monochrome, 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
- Tempered Cocoa Garden color palette (#FFECF3, #ECBED1, #AA744A, #754101, #321500)
- Muted Fern Meadow color palette (#DCFAEB, #AADBC6, #938C50, #4B5400, #1D1F00)
- Antique Garden color palette (#E4FDE6, #E4C490, #A0771B, #6A4D17, #263E28)
- Moss Coast color palette (#E3E3A8, #A09B3D, #5D5C00, #252800, #060800)
- Aged Bronze Quarry color palette (#FFF3E4, #DBDBC9, #CDAA6F, #8F6419, #3C2700)
- Mustard Atelier color palette (#FFF3BA, #C3B441, #826E00, #413500, #161300)
- Moss Field color palette (#DFECD9, #659131, #2B4D00, #102000, #010200)
- Worn Villa color palette (#ECF4F0, #B0CDAD, #636535, #0F3A2B, #081711)
Browse the whole catalog at Explore, or see today's palette.