Cocoa Orchard color palette — #FBE0D2 · #674100 · #362800 · #100F00 · #010100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#FBE0D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#100F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: 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 Aubergine color palette (#F0E0C1, #5D4A00, #3C1A8F, #271D00, #010009)
• Chestnut Terrace color palette (#ECDFCE, #7B5900, #443400, #1F1900, #0C0B00)
• Obsidian Lagoon color palette (#ECEBD0, #423D00, #271185, #280060, #010100)
• Midnight Mulberry Lagoon color palette (#F7E1E7, #A00027, #561700, #1C0C00, #020100)
• Worn Olive Canyon color palette (#E6E0CB, #737A00, #304E00, #003219, #000B07)
• Washed Cypress Bloom color palette (#F7E9C9, #749152, #007F72, #462300, #010200)
• Nocturne Grape color palette (#E9DBE3, #5B06F3, #4E5900, #070D07, #020100)
• Misty Cabin color palette (#F8EEE1, #A58300, #5E6300, #273D00, #001D06)

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