Timeworn Cocoa color palette — #FBF4EA · #DCD0B3 · #A39C77 · #9A7269 · #614A00

Bronze and Taupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#DCD0B3): A whisper-light, dusty gold — the color of old brass.
• Taupe (#A39C77): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9A7269): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Bronze color palette (#FFEEDF, #ECC69D, #B4964E, #8C7E2D, #504E47)
• Fern Courtyard color palette (#F9F4EE, #CAC1A0, #698C67, #7A5C69, #5D4B00)
• Bone Bloom color palette (#EFF8F0, #B8EBD1, #8FB9AA, #8E8190, #394B41)
• Softworn Bronze Study color palette (#F4F6ED, #BCCAAB, #4AA095, #93682A, #344B05)
• Chestnut Pier color palette (#FAF5E8, #D7E3CD, #9EDAD4, #C7A172, #604E00)
• Timeworn Fern color palette (#EEE4D3, #8B8732, #455C00, #473500, #111000)
• Hushed Ash Courtyard color palette (#FEF4DF, #BCB280, #50B4CE, #BA7AA8, #45423B)
• Cypress Harbor color palette (#E5E6D1, #65A27B, #00715B, #643900, #00220F)

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