Cocoa Garden color palette — #FDEEE7 · #C89DB1 · #8B6B95 · #7B3E35 · #3D232D

Rust takes the lead with Slate close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Cream (#FDEEE7): a clean, paper-quiet neutral.
• Mauve (#C89DB1): A luminous, dusty rose — the color of a warm blush.
• Slate (#8B6B95): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#7B3E35): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3D232D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: 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

• Mulberry Bloom color palette (#FFEDE8, #93ACD9, #7272A7, #7A3954, #382534)
• Dusty Harbor color palette (#F9EFF0, #B78BB2, #9C5D5D, #6A4200, #232B04)
• Pale Station color palette (#F8E5D7, #AF739E, #913658, #503100, #2B091E)
• Muted Pewter Corridor color palette (#E6FAF5, #82ABDC, #88689B, #4F603B, #404859)
• Olive Villa color palette (#F6F7E5, #B6EAD9, #A998C8, #627C44, #4A3948)
• Lilac Bloom color palette (#FFF0FC, #BCB5F1, #A780BF, #955D5A, #444658)
• Lilac Summit color palette (#FAEEF4, #DED8E9, #DFB9E8, #B185CA, #432534)
• Chestnut Study color palette (#FFECEF, #D6BBBB, #A7908C, #8B5A23, #5D3F00)

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