Cocoa Grove color palette — #F0DFE3 · #A46367 · #753621 · #272100 · #010100

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

The five colors

• Shell Pink (#F0DFE3): a clean, paper-quiet neutral.
• Mocha (#A46367): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#753621): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#272100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Mulberry Thicket color palette (#ECE1ED, #A86993, #812B4D, #351900, #020100)
• Hushed Bronze Lantern color palette (#FAE9E4, #B4713D, #6F4A00, #083100, #000502)
• Pewter Delta color palette (#EAEEFF, #855D7F, #5A3521, #002422, #000D13)
• Scarlet Parlor color palette (#FFEBE8, #DB4A3E, #800404, #1A0001, #050000)
• Deep Raspberry Pier color palette (#EED9E1, #CA2278, #7A0035, #2B0009, #040000)
• Peony Atelier color palette (#E5DDF2, #BE688E, #925C49, #144E59, #00161B)
• Bronze Canyon color palette (#FCD4CB, #D29E7F, #98703F, #344B28, #001B09)
• Softworn Brick Alley color palette (#E8DAE5, #C3211D, #495E00, #570103, #010100)

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