Cocoa Lagoon color palette — #E2FFDF · #C8BD76 · #AC6F00 · #882700 · #101D00

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

The five colors

• Honeydew (#E2FFDF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#C8BD76): A luminous, balanced green — the color of fresh herbs.
• Ochre (#AC6F00): A full-bodied, balanced gold — the color of old brass.
• Rust (#882700): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#101D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Ancient Olive Chapel color palette (#DBFFEC, #A2C987, #8B8100, #6C4300, #001F11)
• Hushed Bloom color palette (#FFF0F8, #CCAD81, #A8613B, #7F1630, #00180D)
• Terracotta Lantern color palette (#FFF0F8, #B1D2B2, #B47A5C, #8B3A45, #08281B)
• Amber Terrace color palette (#EBDDCC, #AD8800, #7C5100, #552900, #151300)
• Chalky Dune color palette (#F7D9B4, #DDB231, #C78500, #AA5800, #2E2A00)
• Tempered Driftwood color palette (#DDEFDF, #8A8A46, #664700, #3B1400, #000200)
• Pewter Boulevard color palette (#FFF1F5, #C2E8D0, #BA9771, #8F5B4F, #173930)
• Worn Parlor color palette (#FAF1FF, #FF98C8, #F42826, #6A3B00, #211B00)

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