Cocoa Garden color palette — #F8F2FF · #E4B4CE · #9F6C8C · #70405D · #4D2A3F

Charcoal Brown takes the lead with Mocha close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Carnation (#E4B4CE): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#9F6C8C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#70405D): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#4D2A3F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Timeworn Mulberry color palette (#F5EEFF, #D7C5EE, #AF7395, #783159, #330E27)
• Wandering Denim Coast color palette (#F2F4FF, #C5BCEC, #8378AA, #4F4573, #303454)
• Ancient Atelier color palette (#FFF1F1, #F5C5C4, #C78AAB, #8E4F76, #542B44)
• Hushed Driftwood color palette (#F8F2FF, #E5D5DD, #BBA99C, #8C81A4, #554C5C)
• Muted Chestnut Delta color palette (#FCF1FB, #DFB798, #814E4E, #463045, #2F1F24)
• Bronze Thicket color palette (#FAF3F8, #EAB0A2, #9C744B, #9C5747, #37292E)
• Aged Driftwood Meadow color palette (#FFF0FD, #C17A74, #838250, #65577F, #473745)
• Tempered Bronze Archive color palette (#FFF0F8, #E6A480, #A45F3A, #6C320E, #4B1F00)

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