Worn Cocoa color palette — #FAF4ED · #C7DFCD · #A1B78F · #957E8D · #564400
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C7DFCD): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A1B78F): A luminous, dusty green — the color of fresh herbs.
- Heather (#957E8D): A luminous, dusty pink — the color of neon signs at night.
- Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Worn Taupe Cabin color palette (#FDF3E8, #D9E3BB, #91A771, #896C7E, #3B3831)
- Dusty Stone Station color palette (#EFF7F4, #C0E8DD, #8CC2B9, #71A3B1, #3A534D)
- Muted Driftwood Garden color palette (#EFF8EF, #A4CBB8, #738961, #5C657E, #3F5249)
- Tempered Lilac color palette (#FFF1F5, #F6D2E8, #A3DCAF, #AB8AC6, #454740)
- Driftwood Quarry color palette (#F3F2EB, #C8C5A2, #718C63, #546852, #32312A)
- Patina Stone Harbor color palette (#FFF1F4, #E3D8D2, #D5B3C9, #A5B3AE, #60484A)
- Timeworn Fern Quarry color palette (#EBDFCE, #8E944C, #225C0A, #2D1D5A, #010100)
- Worn Archive color palette (#FFF1F4, #E9B8F0, #A1C890, #7EB184, #483136)
Browse the whole catalog at Explore, or see today's palette.