Cocoa Grove color palette — #FCECD5 · #A0A16D · #896100 · #783000 · #253D1C
Rust and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FCECD5): A whisper-light, dusty gold — the color of old brass.
- Moss (#A0A16D): A luminous, dusty green — the color of fresh herbs.
- Ochre (#896100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Rust (#783000): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#253D1C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Cocoa Grove 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
- Soft Balcony color palette (#F6D9B5, #979146, #7A5200, #682200, #183000)
- Antique Bronze Study color palette (#FFF3E9, #B9A384, #986443, #754041, #3F3D36)
- Chalky Bronze Orchard color palette (#FBECD7, #C7B467, #AD7C00, #8C5000, #37380E)
- Dusty Lantern color palette (#F3E1D5, #936E3F, #762900, #50001D, #1B1600)
- Hushed Marigold Loft color palette (#D7F9D9, #CFCD79, #CC9A42, #B36A49, #0C3E37)
- Mulberry Lantern color palette (#E7FCE3, #008881, #96399A, #5C4700, #003330)
- Charred Fern color palette (#E9E1CF, #4D6227, #342B00, #1D0C00, #000501)
- Grape Lantern color palette (#F0F8EF, #00BAB2, #853BB0, #00635F, #271135)
Browse the whole catalog at Explore, or see today's palette.