Timeworn Cocoa color palette — #DFEEDE · #A9A066 · #9B6400 · #852A06 · #1A2A04

Rust and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFEEDE): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#A9A066): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#9B6400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#852A06): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#1A2A04): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Feathered Olive Garden color palette (#CBEBDA, #8EA87A, #7E7400, #6D4200, #002C1A)
• Ancient Garnet Quarry color palette (#EDD7E5, #B99875, #A55A41, #7D2D45, #2C2400)
• Weathered Mustard Ridge color palette (#FFF3E6, #C8B34C, #A26813, #67372B, #151300)
• Bronze Villa color palette (#DDF6E4, #AFBC7E, #A48100, #924A02, #193F1E)
• Patina Quarry color palette (#EFE1D0, #9E843F, #754C00, #562900, #2E2200)
• Feathered Garnet Chapel color palette (#F5DFEB, #9D7538, #863800, #5F001E, #0D0C00)
• Washed Cocoa Canyon color palette (#DDF3DE, #747239, #5C3F00, #401500, #010500)
• Antique Pewter color palette (#FFF1F5, #B9D2C3, #B68F9B, #986659, #384D47)

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