Washed Cocoa Garden color palette — #FFF1F4 · #F8D2D6 · #EBA2B0 · #A76E6A · #713F03

Bronze takes the lead with Ballet Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F8D2D6): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#EBA2B0): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A76E6A): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#713F03): A full-bodied, balanced gold — the color of honey in a jar.

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

Use it as a design system

One click turns Washed 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

• Mallow Courtyard color palette (#FFF1F6, #FBD3FF, #DD9CC5, #A86A77, #554E49)
• Ancient Stone Drift color palette (#FFF2EF, #F3D5C1, #E7AB83, #967746, #5D4500)
• Hushed Raspberry color palette (#FFDDDE, #D99BB9, #B9607B, #88474E, #39322F)
• Softworn Studio color palette (#FFE0F2, #FA7E8D, #CF4C31, #6E4100, #251B00)
• Amber Pier color palette (#FFEFF5, #FFB0AF, #D57129, #855900, #352B00)
• Timeworn Cocoa color palette (#FFF2EF, #E0DBCF, #9DC4BE, #DBABB6, #7B421A)
• Patina Coral Harbor color palette (#FFF2EE, #F3D4C5, #8FDDD2, #D08084, #374E30)
• Patina Coast color palette (#F8E7E4, #C35E00, #6E5000, #2A2800, #020600)

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