Timeworn Cocoa color palette — #FBF4ED · #EDDCB6 · #A2C18B · #8EA08D · #614900

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Wheat (#EDDCB6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A2C18B): A luminous, balanced green — the color of new leaves after rain.
• Taupe (#8EA08D): A luminous, dusty green — the color of fresh herbs.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

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

• Weathered Driftwood Pier color palette (#FBF4E8, #C1E2CC, #B3B18A, #7A904D, #554500)
• Stone Lantern color palette (#E5FBF3, #E9D7D1, #A9C7A7, #BAAB9B, #584B59)
• Aged Lagoon color palette (#F0F7F2, #B4DCCA, #90A379, #638585, #40524A)
• Dusty Mustard color palette (#E5FCEE, #83D5EB, #E2B759, #93B57D, #33483C)
• Weathered Powder Hollow color palette (#FAF4EF, #C3E0EF, #A9C7FF, #71B0A8, #644957)
• Feathered Field color palette (#FFF3E3, #C6D982, #2FC26F, #4595A7, #3C3B34)
• Lagoon Dune color palette (#EDF4ED, #AECBBC, #5C8E83, #4D676A, #24362D)
• Antique Grove color palette (#ECE4D5, #ABC48F, #2FA879, #30809A, #2D2A02)

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