Cocoa Lagoon color palette — #CFECD1 · #5EA6CA · #6778A0 · #75381C · #382819

Bronze takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CFECD1): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#5EA6CA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6778A0): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#75381C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#382819): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Petrol Pier color palette (#D7E9C9, #87A98B, #4E7C9A, #654645, #442316)
• Cocoa Orchard color palette (#C2EAD4, #B093B3, #8E7080, #763E13, #3D2909)
• Iris Meadow color palette (#DEEFFF, #888DD1, #7B558D, #613C0D, #262100)
• Worn Abyss color palette (#BEEBEF, #87B1C5, #61728E, #456045, #264B35)
• Cerulean Dune color palette (#DAF2F8, #4484B1, #444972, #4D1807, #180B00)
• Basalt Chapel color palette (#CEECFF, #9BB6CE, #778CAA, #655E7B, #633B51)
• Chalky Basin color palette (#DCDEFF, #C994E4, #A1718A, #685200, #2E2E10)
• Hushed Bronze Loft color palette (#DAFFEF, #ADE5F6, #B795A7, #95632D, #5C3500)

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