Cocoa Grove color palette — #FBDECD · #7C4005 · #4B1600 · #240002 · #020100

Bronze and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FBDECD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C4005): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Cocoa Grove 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

• Moonless Garnet color palette (#F8DFD0, #936839, #6A1E00, #2A000E, #020100)
• Nocturne Fern color palette (#FAEEDB, #5B5402, #352800, #180B00, #010100)
• Chestnut Boulevard color palette (#F7EADD, #9E8153, #7C4600, #541E00, #130E00)
• Dusty Pier color palette (#F0E0C7, #7E7229, #573F00, #341C00, #050600)
• Moonless Chapel color palette (#E2E2F9, #006B74, #6D4A00, #0C0D06, #020100)
• Obsidian Courtyard color palette (#FAEED7, #433400, #002D46, #1C0033, #020100)
• Dusty Garnet Delta color palette (#FFE3CE, #BF976E, #A4510C, #7D1800, #271900)
• Wandering Cocoa Market color palette (#F8F1E3, #B6AB86, #837539, #654503, #262407)

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