Cocoa Orchard color palette — #F4EBE3 · #C4B9A4 · #98936B · #573200 · #020100
Cocoa takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EBE3): bright and airy, almost weightless.
- Stone (#C4B9A4): A luminous, dusty gold — the color of honey in a jar.
- Moss (#98936B): A luminous, dusty green — the color of fresh herbs.
- Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Orchard 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
- Weathered Garnet Quarry color palette (#F5EDEA, #C8B7AC, #A48E72, #74001D, #040000)
- Timeworn Meadow color palette (#EDE4E6, #919D94, #5A796B, #3E2400, #110509)
- Tempered Fern color palette (#EFEFE4, #CBD4BE, #70B4AF, #365900, #030300)
- Chestnut Alley color palette (#DAE3DA, #89A9A3, #669490, #865900, #040C04)
- Patina Pine color palette (#ECE9D8, #4A8C4E, #004737, #3B000D, #000200)
- Patina Onyx Delta color palette (#FFECE0, #8C7B49, #355922, #350F49, #040001)
- Tempered Tangerine color palette (#EFE4D3, #FE6342, #A17B00, #006634, #010100)
- Softworn Bronze color palette (#FAF4EB, #D8DED1, #B1CEB3, #91721C, #261D0E)
Browse the whole catalog at Explore, or see today's palette.