Cocoa Orchard color palette — #F5DECB · #733C00 · #004826 · #311600 · #000200

Bronze takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F5DECB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#733C00): A full-bodied, balanced gold — the color of old brass.
• Forest (#004826): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Obsidian Garnet Cabin color palette (#F8DACE, #920111, #334200, #410003, #010100)
• Smoked Chestnut Meadow color palette (#F2E9D6, #6D5400, #293436, #191300, #020100)
• Lowlit Cocoa Grove color palette (#FCD7E8, #7C3E00, #00445F, #351700, #00070D)
• Obsidian Garnet Drift color palette (#F1E6CA, #574D00, #710034, #231F00, #040001)
• Ancient Fern color palette (#EDEAD1, #4F6500, #005266, #232F00, #000305)
• Bronze Archive color palette (#F7DDC7, #9F5500, #005D7A, #442100, #000102)
• Antique Thicket color palette (#FCEDDE, #A47C3C, #756400, #4F2100, #060200)
• Weathered Plum color palette (#EDDCC7, #A7741C, #A43A8E, #603F00, #26001E)

Browse the whole catalog at Explore, or see today's palette.