Timeworn Cocoa color palette — #FBF4E8 · #E2D9C0 · #C3B688 · #A48F66 · #564600

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Bone (#E2D9C0): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#C3B688): A luminous, dusty green — the color of fresh herbs.
• Caramel (#A48F66): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Patina Lagoon color palette (#F4E1C7, #B29C68, #A27200, #7E4E00, #1C1600)
• Wandering Taupe Study color palette (#EBF9EF, #8DCFDD, #C2B87D, #87A568, #304236)
• Antique Bronze Balcony color palette (#F7E5D1, #D5BD9D, #C09464, #A86832, #34302A)
• Antique Stone color palette (#EEF8F1, #BDE7EA, #BFAE73, #976C7B, #314340)
• Washed Stone color palette (#E7F6EC, #C1BE90, #698C77, #475F4D, #1D3129)
• Dusty Fern color palette (#EAE2CA, #7F864C, #676300, #4B3F00, #020400)
• Rust Meadow color palette (#F5D7C5, #EDA57A, #E16F3C, #C3391C, #401F00)
• Peony Chapel color palette (#FFF1F3, #FFD0D3, #E8A3C6, #C96B91, #73273C)

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