Timeworn Cocoa Field color palette — #EEE5B4 · #86AE7B · #617D5F · #6E4B4F · #672B0F

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

The five colors

• Celadon Mist (#EEE5B4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#86AE7B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#617D5F): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#6E4B4F): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#672B0F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn Cocoa Field 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

• Tempered Orchard color palette (#F7EEC9, #AAB78D, #6D8C76, #795951, #6C3D00)
• Ancient Garden color palette (#FEE6D2, #A89C79, #66795D, #6C3F47, #3E241E)
• Tempered Chestnut color palette (#E7ECC4, #78B9AF, #467698, #814423, #563A00)
• Ancient Emerald Basin color palette (#EBEEDF, #40975E, #24646A, #4D292A, #3C1317)
• Hazy Delta color palette (#D9ECC9, #008F71, #9E4B7C, #8D352D, #243019)
• Gentle Plum Terrace color palette (#E8F3DC, #29B68B, #A13F85, #00674B, #4C2740)
• Wandering Teal color palette (#C9EFE0, #A7D0CB, #70B7AC, #8A82AD, #4A3F5D)
• Azure Atelier color palette (#CCE8E2, #479ECB, #605F8B, #633C00, #31302A)

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