Cocoa Orchard color palette — #DBF0DB · #654200 · #223000 · #001913 · #170000

Built around Bronze, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DBF0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#654200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#223000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Shadow Thicket color palette (#FEE7F6, #802800, #352800, #011A01, #160008)
• Deep Terrace color palette (#DFF0E8, #3F4000, #002514, #000C0E, #040100)
• Weathered Bronze Field color palette (#F4EACF, #846F00, #433E00, #202100, #001103)
• Faded Amber Balcony color palette (#F2DABF, #DA6700, #A06200, #534100, #170C00)
• Tempered Alley color palette (#C1E8E6, #006A37, #003F43, #00203D, #161200)
• Chestnut Harbor color palette (#E9DDD2, #955400, #00532F, #00274B, #15000C)
• Cerulean Archive color palette (#D1EAE7, #099DCA, #005072, #002F37, #001527)
• Worn Fern color palette (#F9E6BA, #896900, #2E5800, #003C34, #4B0102)

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