Timeworn Cocoa color palette — #FAF1DE · #A0B57A · #817545 · #6E3F00 · #20250F

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF1DE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A0B57A): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#817545): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#20250F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Balcony color palette (#F8E6CE, #A6A637, #8B6300, #6F2D02, #0A2302)
• Taupe Drift color palette (#FFEEE4, #C8A47A, #966856, #63433C, #2A210B)
• Hushed Pewter Grove color palette (#E8FAEF, #B8C496, #999061, #81623A, #254440)
• Timeworn Meadow color palette (#E4FCEE, #DBE3A9, #A79F6E, #527558, #213732)
• Tempered Moss Workshop color palette (#E8E1D3, #7D9125, #685200, #4D2500, #0D1000)
• Antique Lime color palette (#F2F3E8, #90C56D, #6E6BB1, #4E7037, #160911)
• Muted Amber Villa color palette (#FFEAE0, #BC8000, #933E00, #641024, #151300)
• Hushed Summit color palette (#EEF5E5, #EA9F73, #166447, #222B12, #0A0E04)

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