Timeworn Cocoa color palette — #F6EDDE · #D7D0B5 · #A5AA87 · #634900 · #040200

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

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D7D0B5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A5AA87): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#634900): A full-bodied, balanced gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Muted Basalt Lagoon color palette (#F0EEDF, #B9BEA7, #86997A, #384100, #020100)
• Basalt Dune color palette (#D8E2DB, #9CAEA6, #62887F, #463500, #03190B)
• Dusty Forest Quarry color palette (#F2F8EA, #C4E2D8, #A0C5B0, #16714C, #0A0F03)
• Bronze Garden color palette (#EBE2D5, #ABB3A5, #869E8D, #916A00, #1D1100)
• Jade Drift color palette (#E2E4C4, #00A778, #005A57, #4D1609, #000201)
• Powdered Terrace color palette (#FAE7D3, #957000, #08520B, #260048, #010100)
• Worn Moss Drift color palette (#F1E7D0, #7F9836, #007364, #421C40, #1A0019)
• Aged Veranda color palette (#F0F8C4, #FB9A2D, #A8A300, #007F60, #010200)

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