Cocoa Orchard color palette — #D6EFDE · #909D6E · #73622D · #613915 · #073836
Cocoa and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D6EFDE): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#909D6E): A luminous, dusty green — the color of new leaves after rain.
- Olive (#73622D): A full-bodied, dusty green — the color of new leaves after rain.
- Cocoa (#613915): A deep, shadowed, dusty gold — the color of old brass.
- Deep Forest (#073836): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Antique Alley color palette (#F6E1ED, #82A07F, #8D513A, #692E3B, #1A3728)
- Chestnut Alley color palette (#D9EEE0, #AFB283, #8E8046, #785305, #07392F)
- Worn Ridge color palette (#E9E0CC, #A29874, #766304, #543800, #1B1900)
- Softworn Garnet color palette (#FAD7B4, #A48C2B, #824D00, #701506, #222E00)
- Washed Hollow color palette (#EBFAEB, #9DC2AF, #6F8870, #6F5465, #344E48)
- Wandering Quarry color palette (#D5F5E4, #5B8438, #4D4700, #3A2200, #001C0F)
- Feathered Study color palette (#DFF4ED, #647B00, #904364, #6B2B47, #0B2D24)
- Airy Fern Lagoon color palette (#ECF8F5, #7FA769, #1C619C, #2E5D00, #091929)
Browse the whole catalog at Explore, or see today's palette.