Cocoa Lagoon color palette — #FFF2EF · #DDF4C6 · #E1DACF · #C1ABD5 · #74371C

A conversation between Rust and Honeydew, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#DDF4C6): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Mauve (#C1ABD5): A luminous, dusty violet — the color of twilight just after sunset.
• Rust (#74371C): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Grove color palette (#FFF2ED, #E0D9CE, #A8B7B3, #C28E97, #682D0E)
• Seafoam Studio color palette (#FFF3E9, #DCF2BA, #80F7BD, #E38EA1, #563E1A)
• Patina Lichen color palette (#FDF0FF, #DBF7C4, #DBD9CD, #9A87A8, #564655)
• Aged Study color palette (#DDE8FF, #02EFDC, #FFABC0, #6D524D, #2C2423)
• Ancient Sand color palette (#FFF3E5, #DDD294, #C6A680, #A57E6A, #433F00)
• Aged Apricot color palette (#FFF3E9, #FF9E5B, #68B6E9, #6397B9, #38322D)
• Muted Driftwood Delta color palette (#F9EDFA, #F0CFD1, #D5C795, #9B6397, #412C3D)
• Faded Dune color palette (#FFF2F0, #FE8EA0, #7D9BF1, #966898, #362125)

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