Cocoa Garden color palette — #DCDCFF · #BE92C2 · #9D6187 · #6D2900 · #261300

A conversation between Rust and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Thistle (#DCDCFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BE92C2): A luminous, balanced pink — the color of peonies in June.
• Mocha (#9D6187): A full-bodied, balanced pink — the color of peonies in June.
• Rust (#6D2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#261300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Softworn Bronze color palette (#EBD5F5, #CC9297, #A75B4A, #534700, #141700)
• Tempered Field color palette (#F3E6F3, #AE829C, #8B4A5F, #472800, #0E0800)
• Muted Basalt color palette (#D6E4F1, #93ABD6, #676B95, #5E2B4A, #330B18)
• Cocoa Summit color palette (#F8DDF7, #A5766C, #6E3C1A, #1F2200, #000200)
• Aged Indigo Chapel color palette (#DBE5FD, #7F73C5, #64507B, #502A22, #301E00)
• Timeworn Blush Alley color palette (#FDF0FF, #F7B3E4, #CF7A9A, #834800, #3E2900)
• Chalky Lilac Bloom color palette (#C9EBFC, #8B9EC8, #A26EB8, #51673A, #133005)
• Muted Bloom color palette (#FFF0FE, #D2ADC6, #B17E5A, #505D20, #1B380D)

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