Worn Cocoa color palette — #FCF3EC · #D2C496 · #84976B · #896671 · #563E00
Deep Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF3EC): a clean, paper-quiet neutral.
- Sand (#D2C496): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#84976B): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#896671): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#563E00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Weathered Basalt Corridor color palette (#FBF5E6, #C5C89F, #689C8B, #5B796D, #454600)
- Washed Lagoon Courtyard color palette (#FFF3E6, #B8B882, #5F8E5A, #615E84, #37352F)
- Patina Violet Canyon color palette (#FFF1F5, #C9A5ED, #87B378, #926DB5, #324A29)
- Patina Ash color palette (#FFF1F6, #E4D8D1, #DDC399, #7997BE, #624245)
- Hushed Villa color palette (#FBF4EC, #C5EFE3, #95A1D9, #2D898D, #5E3C49)
- Worn Harbor color palette (#EDE2C7, #50843E, #005241, #4A142F, #010800)
- Antique Loft color palette (#FFF1F3, #C68EC9, #81A664, #2B946C, #4E2D33)
- Weathered Fern color palette (#FCEBDA, #8F8614, #226300, #4D2554, #121000)
Browse the whole catalog at Explore, or see today's palette.