Cocoa Garden color palette — #FFF2E9 · #CFBFA1 · #9AA086 · #8D6F78 · #69423F
Cocoa takes the lead with Sand close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sand (#CFBFA1): A luminous, dusty gold — the color of honey in a jar.
- Taupe (#9AA086): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#8D6F78): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#69423F): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged vintage, retro, 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
- Stone Meadow color palette (#FFF4DB, #DBDDC5, #A0B7A1, #9A7D7A, #604D4B)
- Cocoa Pier color palette (#EFE9BE, #8CC9A7, #5F9FA9, #8A5B5B, #763936)
- Washed Bronze color palette (#F7F6E9, #A8D0B0, #549F8E, #A05D45, #3E4800)
- Weathered Petrol color palette (#D6FFF9, #A0BDBC, #5A8E95, #3D6A89, #4D4A6C)
- Wandering Onyx color palette (#F1DEC1, #818B5E, #006D53, #5A3250, #3C0032)
- Jade Villa color palette (#F3F9D8, #71B879, #B285BB, #AF6679, #373932)
- Softworn Meadow color palette (#DAF0E1, #53A0A0, #3F75A5, #6A3B20, #42240B)
- Tempered Balcony color palette (#FCF3EF, #D2EDD2, #5AB3C9, #4C8A68, #285144)
Browse the whole catalog at Explore, or see today's palette.