Ancient Cocoa color palette — #C7E9E6 · #7CA8B3 · #52738C · #643F28 · #123420
A conversation between Cocoa and Slate, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C7E9E6): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#7CA8B3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#52738C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#643F28): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#123420): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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 Lantern color palette (#C4E9E7, #86A4B9, #6A7391, #305640, #332D00)
- Onyx Pier color palette (#CBF6EE, #7CB0BA, #567C95, #5D4154, #411E2E)
- Patina Azure Atelier color palette (#DCF0F1, #53A6E4, #6A5990, #464400, #212100)
- Antique Pewter Coast color palette (#E0F6FF, #BCCBDB, #8D8FA6, #597468, #27443E)
- Ancient Spruce Basin color palette (#D6E5F7, #9094B6, #7B516A, #10423C, #042200)
- Timeworn Orchard color palette (#DDEDE8, #3D8EA9, #3C4B7A, #442800, #1A0C00)
- Muted Balcony color palette (#DCE5BB, #A3BFA0, #6C9E91, #875D3F, #4F4012)
- Hushed Basalt color palette (#DDFFED, #B0DBCD, #B198AF, #825F66, #583149)
Browse the whole catalog at Explore, or see today's palette.