Cocoa Market color palette — #FDF4E8 · #B7EEDA · #B1B289 · #7C8B77 · #554500

Deep Olive and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Mint (#B7EEDA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B1B289): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7C8B77): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Cocoa Market 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

• Muted Boulevard color palette (#F0F7F2, #A7CABC, #738962, #406F71, #385449)
• Timeworn Chapel color palette (#FAF4EE, #C3E3F7, #E2BEDF, #7A9C80, #5A4652)
• Straw Summit color palette (#FEF3E7, #EFE8A8, #8EA873, #876D7F, #3B3831)
• Ancient Apricot Pier color palette (#E2FCF4, #9DD2FF, #EAAB7A, #B59E78, #253E37)
• Worn Cocoa color palette (#E3FCF4, #D7DCF9, #F5BF94, #769EC4, #663A00)
• Patina Lagoon Study color palette (#F8F6E2, #A3E1B4, #229F8B, #4B6C5C, #252B0F)
• Mint Lagoon color palette (#FDF6D9, #8CCF85, #22896A, #175A68, #181A00)
• Sunlit Moss Bloom color palette (#F0DEC4, #8F961F, #1D5D00, #292153, #010100)

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