Ancient Cocoa Garden color palette — #BDEFD8 · #94B296 · #577B6A · #70475D · #5E3435
Built around Charcoal Brown, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Mint (#BDEFD8): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#94B296): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#577B6A): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#70475D): A full-bodied, dusty rose — the color of pressed rose petals.
- Cocoa (#5E3435): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Ancient Cocoa Garden 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
- Cocoa Market color palette (#CEE9D0, #8AB2A0, #886A86, #81412A, #4F3D13)
- Tempered Cocoa Orchard color palette (#F1E4C4, #A2AA88, #547969, #6B3D00, #382108)
- Worn Turquoise Study color palette (#BBEDF1, #94D4D7, #68B1D6, #887997, #533750)
- Timeworn Chestnut color palette (#D2E5DC, #A2C5B9, #68939A, #91543B, #284839)
- Petrol Terrace color palette (#D6E7EA, #74ACCE, #5968AB, #6C3830, #523000)
- Hushed Garnet Canyon color palette (#D0E7E2, #4B8B93, #2C638E, #61243F, #481E18)
- Cypress Lagoon color palette (#F6F7E5, #79A886, #17735C, #3D522E, #313B00)
- Cocoa Archive color palette (#EEDAEE, #A98198, #735879, #664000, #3A3700)
Browse the whole catalog at Explore, or see today's palette.