Cocoa Garden color palette — #F4DDEB · #B26B74 · #72381A · #002716 · #000505

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#F4DDEB): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#B26B74): A luminous, balanced red — the color of embers at dusk.
• Bronze (#72381A): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#002716): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000505): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Driftwood Studio color palette (#E3DEF4, #9E6E9F, #6C3B4D, #232600, #010200)
• Washed Bronze color palette (#FFE1D9, #AF6D1C, #584B01, #00282F, #000503)
• Wandering Thicket color palette (#F9E6DC, #D85B00, #682B00, #191A10, #0E0200)
• Aged Cocoa color palette (#FFDED8, #85573F, #583100, #192700, #001304)
• Aged Cabin color palette (#EBDAF5, #AB7186, #8A5C46, #004F58, #001726)
• Eclipse Garnet Meadow color palette (#F0EDFF, #5F5070, #5B1A17, #002123, #000510)
• Eclipse Plum color palette (#FBE0E7, #CD004B, #710012, #240600, #030100)
• Tempered Station color palette (#EBDDD7, #BC902C, #5B6707, #003142, #010726)

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