Cocoa Lagoon color palette — #C4EFEC · #67A6BB · #4D6B98 · #67333B · #592703

A conversation between Espresso and Slate, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#C4EFEC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#67A6BB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4D6B98): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#67333B): A deep, shadowed, dusty red — the color of a theater curtain.
• Espresso (#592703): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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 Cabin color palette (#C7E4EF, #8BA7BD, #6473A1, #7A413D, #563545)
• Softworn Cocoa color palette (#D4E7F8, #8B9AB6, #63648A, #683900, #1E4630)
• Petrol Garden color palette (#D1E6DE, #62A692, #31688E, #4B3A00, #221F00)
• Dusty Garnet Drift color palette (#D2E4E9, #6787A4, #535385, #6C1205, #3A2100)
• Antique Bloom color palette (#D5E4D0, #7ABCB9, #5986C2, #765824, #4C350B)
• Aqua Market color palette (#C5EDE9, #5BCAEE, #7898C0, #91675A, #502E18)
• Tempered Cobalt color palette (#CBE1F5, #0087C9, #955B00, #004E77, #3C2200)
• Muted Petrol color palette (#E8F2E9, #91B6D4, #316AA7, #004E5A, #1A2A59)

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