Cocoa Garden color palette — #FEF3E6 · #FFD0C7 · #A8A667 · #656FA0 · #5D3400

Cocoa takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFD0C7): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#A8A667): A luminous, balanced green — the color of new leaves after rain.
• Slate (#656FA0): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.

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

• Aged Amber color palette (#F9F6E6, #FFCAEE, #D58F60, #4A7991, #503934)
• Aged Teal color palette (#FFF2EB, #F7D99C, #6BB48F, #83658F, #413F38)
• Weathered Sand Balcony color palette (#EBFAEE, #FEC290, #B8B07B, #6B91AB, #3D4D3D)
• Tempered Teal color palette (#FFF2EF, #FFB4BF, #4DAD98, #7D5B8F, #4F2C37)
• Washed Taupe color palette (#ECF9ED, #D3987C, #7E7946, #4D5681, #564148)
• Aged Quarry color palette (#F8F5EC, #BAE7D7, #87BBA8, #9E7B81, #4A4A00)
• Muted Meadow color palette (#FBF0E0, #CCA36E, #83784C, #425C1C, #362A18)
• Aged Veranda color palette (#FFF2EF, #E1DDCE, #B9CBA9, #A9868D, #5A474B)

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