Cocoa Garden color palette — #EAEEFF · #C099AD · #926E7A · #6A3D42 · #361F13
A conversation between Cocoa and Mauve, giving this palette its sense of warmth and comfort.
The five colors
- Frost (#EAEEFF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#C099AD): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#926E7A): A full-bodied, dusty rose — the color of pressed rose petals.
- Cocoa (#6A3D42): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#361F13): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Aged Ash color palette (#D2E6F2, #8BACD0, #886580, #624548, #45201E)
- Cocoa Veranda color palette (#FCD5DC, #BB9495, #8E645E, #724202, #36270F)
- Basalt Villa color palette (#EDDCFD, #8D6D8E, #73475F, #502000, #1B0C00)
- Patina Chestnut color palette (#FFE1D8, #B57B6F, #895223, #3B3E00, #112400)
- Muted Alley color palette (#FFEDEC, #D8BAB5, #A38E86, #84601A, #554300)
- Dusty Lantern color palette (#CDF0FC, #86A6C1, #747A9E, #5B541F, #13504E)
- Tempered Cypress Canyon color palette (#EFF4E6, #94A782, #2C7267, #344E36, #132103)
- Wandering Grape Villa color palette (#F7EDFF, #C296DF, #7D549F, #471C5F, #130021)
Browse the whole catalog at Explore, or see today's palette.