Cocoa Lagoon color palette — #EEF7FD · #5997BA · #5C5D92 · #6B4000 · #293944

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

The five colors

• Ivory (#EEF7FD): bright and airy, almost weightless.
• Slate Blue (#5997BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5C5D92): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6B4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#293944): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Timeworn Cocoa Harbor color palette (#EDF7FA, #3A918B, #346B95, #823A3E, #233A40)
• Softworn Fern Terrace color palette (#F1F5FF, #7F7EB6, #8B5174, #515600, #313645)
• Hushed Dune color palette (#EBF8F9, #5FA991, #7A6596, #535900, #0F4B50)
• Muted Mulberry Cabin color palette (#EBF5EE, #309BAD, #9D476F, #6E3F0B, #1A1D0F)
• Weathered Cerulean Basin color palette (#EAF3FD, #5481AB, #373B50, #1D2A36, #12161C)
• Ancient Cerulean Villa color palette (#F0F6FA, #D9D9E0, #B6A7A9, #528C9B, #49555B)
• Weathered Peony Lantern color palette (#EAF8FE, #4CBCCE, #C06B98, #8D5B2F, #1E3634)
• Powdered Meadow color palette (#DDFCFF, #92BED2, #5889B7, #4F52A0, #5E306E)

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