Cocoa Garden color palette — #F5F7E7 · #6C965C · #465FA5 · #7C280C · #383C00

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#6C965C): A luminous, balanced green — the color of new leaves after rain.
• Slate (#465FA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#7C280C): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#383C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Faded Ridge color palette (#F2F7ED, #359D7E, #725293, #5E4300, #253B11)
• Misty Mulberry color palette (#F8F6E7, #809150, #046D8E, #7B1A55, #3B3A00)
• Basalt Summit color palette (#FDF3E9, #BCAE91, #6C7A47, #2A6652, #553E00)
• Feathered Nightshade Thicket color palette (#E3EDCE, #00844A, #3B19C8, #5B1A00, #002D08)
• Ancient Bloom color palette (#E3F5FD, #00A0B0, #2A64B0, #4D3169, #002613)
• Hushed Chestnut Alley color palette (#EDF4D4, #A5BCA3, #6D9489, #8D5429, #664900)
• Wandering Aubergine Study color palette (#D6E7D7, #00777D, #662376, #3C2A00, #002527)
• Worn Indigo Grove color palette (#EBF9F1, #4CB3D6, #6577D6, #7C4584, #054235)

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