Cocoa Garden color palette — #FFF0F9 · #F4D1CF · #D9ABB5 · #907065 · #7A411A

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#F4D1CF): A whisper-light, dusty orange — the color of toasted spice.
• Rosewood Mist (#D9ABB5): A luminous, dusty red — the color of late-summer berries.
• Mocha (#907065): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#7A411A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.

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

• Muted Stone Veranda color palette (#D8FFF4, #E2DFF5, #C9A3BA, #987474, #5D413D)
• Worn Balcony color palette (#FFF0F9, #F099BA, #C37A7E, #664D1C, #35290C)
• Soft Villa color palette (#FFD5DD, #F38C89, #9C6552, #453D00, #192100)
• Ancient Bronze Orchard color palette (#FEF0FF, #FFBDE7, #C897A6, #98662F, #214B41)
• Sunlit Mallow Dune color palette (#F5F3FF, #DBADFF, #B27DAC, #875147, #572600)
• Dusty Forest Coast color palette (#D9EAFF, #ADB6D5, #837F97, #476148, #163A2C)
• Timeworn Powder color palette (#F4F6EE, #D9D5E0, #92C0EC, #568AA0, #4C374C)
• Lilac Lantern color palette (#F3F4FF, #DCDAFF, #A593E7, #78629D, #57323F)

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