Ancient Cocoa color palette — #DBEEDF · #939C70 · #766126 · #6A3300 · #003935
Built around Bronze, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DBEEDF): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#939C70): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#766126): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#6A3300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#003935): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Ancient 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
- Muted Garnet Canyon color palette (#FADFEC, #7EA182, #8D532D, #72272E, #16382B)
- Washed Fern color palette (#D1EBDF, #749169, #5B5900, #4C3000, #002C1E)
- Dusty Basin color palette (#DAEEE0, #B4B17B, #9C7C01, #745428, #12382E)
- Cocoa Basin color palette (#FFF1F6, #C38C60, #006E56, #773F00, #001D1F)
- Chestnut Lagoon color palette (#EFF8EF, #A6BFB2, #6C896D, #7E503F, #374D48)
- Cocoa Veranda color palette (#FFF0F9, #C09CA7, #936655, #743F4B, #294435)
- Dusty Taupe color palette (#FBE9F0, #AA9C57, #643500, #351900, #240D18)
- Hushed Olive color palette (#FFDDCC, #BC9B54, #547400, #004D2B, #003737)
Browse the whole catalog at Explore, or see today's palette.