Cocoa Garden color palette — #E9F5EF · #6AA6BE · #826298 · #783524 · #2E2802
A conversation between Rust and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F5EF): a clean, paper-quiet neutral.
- Blue Fog (#6AA6BE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#826298): A full-bodied, balanced violet — the color of twilight just after sunset.
- Rust (#783524): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#2E2802): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns 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
- Ancient Cocoa Market color palette (#F7EFF6, #839EC5, #945E7A, #664500, #003022)
- Garnet Bloom color palette (#EFF3EC, #61AD9C, #5671A3, #713358, #392100)
- Washed Mulberry Hollow color palette (#F6E9F3, #6478B9, #863357, #443000, #001911)
- Worn Pewter Pier color palette (#E9F8FC, #45AAA4, #A0585F, #694F00, #2D4A35)
- Aged Iris color palette (#FCEDF4, #8F81C9, #944D46, #394800, #00232B)
- Wandering Denim Atelier color palette (#D0F6E9, #95B4DC, #6984C3, #515296, #472738)
- Weathered Lilac color palette (#EEF7FC, #68BEE0, #A877B3, #8B5D3E, #194B48)
- Muted Studio color palette (#E1F8EE, #C9BBC9, #A68C99, #8D5628, #583C00)
Browse the whole catalog at Explore, or see today's palette.