Cocoa Orchard color palette — #FBF6E0 · #88A574 · #397148 · #713A0D · #36362F
Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF6E0): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#88A574): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#397148): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#713A0D): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Jade Harbor color palette (#FAF6DE, #78B66A, #007E4D, #4C562A, #3A3B34)
- Moss Delta color palette (#FAE9CD, #9C9600, #4B6500, #553F00, #323000)
- Antique Emerald Study color palette (#E6E6D0, #539F68, #00644C, #324420, #262C08)
- Weathered Teal color palette (#F9F8D1, #ADF4C5, #51C5BD, #746F3C, #43443D)
- Muted Meadow color palette (#F4F0CF, #88AC24, #7654AF, #4A6000, #3A2D54)
- Chestnut Villa color palette (#F9F5EA, #C9C299, #6F8B62, #7D6217, #594D00)
- Weathered Bloom color palette (#ECF9F2, #9FBF91, #45926F, #705A76, #183D37)
- Olive Bloom color palette (#E9E8BC, #578B00, #1F6FB8, #91384A, #2E2D0E)
Browse the whole catalog at Explore, or see today's palette.