Worn Cocoa color palette — #FDF6D7 · #C4EACF · #93B69A · #A07C70 · #723519
Built around Rust, softened by Celadon Mist — the whole palette hums with nature and growth.
The five colors
- Custard (#FDF6D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#C4EACF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#93B69A): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#A07C70): A luminous, dusty orange — the color of autumn markets.
- Rust (#723519): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Worn 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
- Wandering Stone Veranda color palette (#FFF3E8, #D8E5C0, #B4BF96, #926A73, #614A4A)
- Weathered Bronze Grove color palette (#EFFBDC, #B5EBE0, #97B2D7, #A16F39, #693D00)
- Aged Bronze color palette (#F9F5EB, #CFE6C4, #6FAF83, #8E722B, #393932)
- Timeworn Stone Studio color palette (#E0F4E2, #96CBC5, #708893, #645163, #422D41)
- Weathered Cobalt color palette (#E9FDDC, #96CDDE, #6285C6, #724C1A, #312600)
- Patina Study color palette (#E7EECB, #579E76, #006673, #610C26, #0F0400)
- Timeworn Indigo color palette (#D6E8EB, #70ACDD, #7D67B4, #504B17, #171800)
- Worn Archive color palette (#FAF4EE, #C3E2F6, #9ABAFF, #3D8F9A, #513545)
Browse the whole catalog at Explore, or see today's palette.