Timeworn Cocoa color palette — #F7F6E5 · #71AA87 · #007367 · #74371B · #2F3B00

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

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#71AA87): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007367): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#74371B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#2F3B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Basin color palette (#FCF4E4, #8EA565, #2E7343, #64403D, #36362F)
• Patina Canyon color palette (#F5F3E1, #71B090, #027374, #5F3B3A, #181F09)
• Hazy Dune color palette (#FAEAC4, #76A228, #006D3A, #4E4300, #223500)
• Softworn Canyon color palette (#FDF4E7, #B5B281, #627D4C, #795009, #524000)
• Jade Garden color palette (#DCFFEB, #26C18B, #007443, #00432A, #002B13)
• Sky Harbor color palette (#F5F8DF, #9DF3E4, #63BCDB, #726E3C, #43463F)
• Worn Lagoon color palette (#EFF1DA, #188E6E, #004F4F, #501B09, #131F03)
• Wandering Corridor color palette (#E8FAF4, #89C3A8, #3D8F91, #6E5A7C, #063E3F)

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