Cocoa Garden color palette — #FFF2EA · #B683B6 · #905373 · #743E00 · #523336

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Dusty Rose (#B683B6): A luminous, balanced pink — the color of neon signs at night.
• Graphite (#905373): A full-bodied, balanced rose — the color of a warm blush.
• Bronze (#743E00): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#523336): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Washed Chestnut Delta color palette (#FFF3E7, #C88089, #985445, #555000, #533429)
• Hazy Garnet Delta color palette (#FFF2ED, #8A92CF, #735B9A, #84283B, #523144)
• Mallow Garden color palette (#FFF0FA, #E7AFF8, #CB8FB6, #A2775D, #3E3A4D)
• Frosted Orchard color palette (#E1FCF5, #A5A8F9, #B26B9C, #0D7558, #3A3B4F)
• Linen Peony Ridge color palette (#FFF1F4, #F3D3EA, #DB9DED, #D157A2, #562E35)
• Weathered Fern Alley color palette (#FAECDB, #B97055, #834A00, #254B00, #352F2A)
• Powdered Plum Lantern color palette (#F4F4DB, #9295D7, #9E4584, #05543D, #301C24)
• Wandering Chestnut color palette (#FFEBEB, #CCAEA8, #A97F6E, #7C5810, #3F5107)

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