Cocoa Garden color palette — #FFE6F7 · #D591A3 · #A65D5D · #833320 · #623200

Built around Rust, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFE6F7): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#D591A3): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A65D5D): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#833320): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#623200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Muted Bronze color palette (#FFF1F2, #D99486, #A25D30, #6C4300, #4B3700)
• Antique Corridor color palette (#FFE6F5, #FFBED1, #EF878F, #C1644D, #5E2D00)
• Garnet Lagoon color palette (#F5ECFF, #CA9FCD, #A55C81, #82324D, #741D1E)
• Linen Terracotta color palette (#F0EBFF, #E5B3DE, #CC7278, #A14300, #523900)
• Washed Meadow color palette (#E8FBEB, #C87D9C, #9C5241, #185B42, #49354C)
• Pewter Ridge color palette (#F7F3FA, #E1D7DB, #CDBABE, #92647C, #4A454F)
• Rose Balcony color palette (#F9D9DF, #F64C55, #9C3A00, #5B2D00, #362300)
• Washed Driftwood Ridge color palette (#FBF1FF, #BB6D85, #756213, #00544E, #303161)

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