Cocoa Lagoon color palette — #FDF3EA · #DDD0B2 · #9E9E78 · #738272 · #614900

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

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Wheat (#DDD0B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#9E9E78): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#738272): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Patina Bronze color palette (#F7F6EA, #CAD7B5, #6CA8A8, #887F36, #415611)
• Worn Loft color palette (#FDF2F6, #C2E4EF, #9DB981, #6A8C95, #3D4A41)
• Lagoon Study color palette (#EEF8F1, #AEC8BC, #608B80, #476E6E, #3D5349)
• Softworn Lagoon color palette (#FAF4EE, #C5E0EE, #C8A4C3, #53938E, #644957)
• Tempered Corridor color palette (#F2DFCD, #94842E, #366000, #4C2458, #130F00)
• Emerald Summit color palette (#FEF3E5, #B6C382, #439B60, #007688, #383F14)
• Washed Grove color palette (#E4FBF4, #84B8E0, #C89C5F, #938E4B, #304841)
• Worn Cerulean color palette (#FBF1FC, #A3C8F0, #D9A485, #5A90C8, #723E09)

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