Cocoa Orchard color palette — #FBDCE9 · #733C00 · #004828 · #311600 · #000201

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

The five colors

• Shell Pink (#FBDCE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#733C00): A full-bodied, balanced gold — the color of old brass.
• Forest (#004828): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

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

• Smoked Basin color palette (#E6E6D8, #534E00, #004449, #221F00, #000102)
• Garnet Basin color palette (#FFD9D5, #920111, #334200, #410003, #010100)
• Nocturne Canyon color palette (#DCF2DA, #6A4200, #67005D, #2D1900, #030003)
• Gentle Garnet Lagoon color palette (#D5E7E1, #526400, #8D001A, #252E00, #0B0000)
• Eclipse Drift color palette (#FCDCD3, #007048, #5B5400, #050E0E, #000201)
• Muted Terrace color palette (#FFE9F1, #9B5800, #005E76, #422200, #000102)
• Antique Boulevard color palette (#DAECD8, #AC8530, #756700, #442100, #040200)
• Tempered Mulberry Corridor color palette (#D4F1DE, #7F6900, #A00655, #413500, #170007)

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