Cocoa Garden color palette — #FFF1F1 · #E1D8D0 · #A7B5B0 · #C67E8C · #682D0D

Rust takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E1D8D0): a clean, paper-quiet neutral.
• Ash (#A7B5B0): soft and architectural.
• Dusty Rose (#C67E8C): A luminous, balanced red — the color of late-summer berries.
• Rust (#682D0D): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged pastel, light, 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

• Blush Summit color palette (#FFF1F2, #E7D7C9, #DBD38D, #E38EB8, #5F3531)
• Tempered Delta color palette (#FFF2EA, #FFD79A, #DED9CC, #BB877C, #332D29)
• Worn Fern color palette (#FBF5E4, #BFE3CC, #CAB99E, #A6B5CF, #5D4C00)
• Hazy Violet color palette (#FFF2EF, #EBDDB6, #C2B449, #8755AC, #6D3626)
• Aged Veranda color palette (#FEEBFF, #EDDBC5, #EEB06A, #B23881, #411710)
• Amber Balcony color palette (#FFF3E4, #F0CB7B, #B8883A, #81541F, #342502)
• Faded Quarry color palette (#FFF0DD, #F7C853, #B5AB4E, #874900, #050200)
• Washed Villa color palette (#EDF0CF, #ABC577, #629C50, #504200, #010100)

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