Cocoa Lagoon color palette — #E2F6E7 · #5F91A2 · #355B84 · #592A00 · #2D2500

Espresso and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#5F91A2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#355B84): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#592A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D2500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Patina Denim color palette (#C5EDF5, #60849D, #4A4E8C, #463800, #003221)
• Hushed Garnet Study color palette (#CDF0E6, #618D74, #106873, #69001D, #3A2400)
• Cerulean Courtyard color palette (#CAF5F6, #0E8895, #1E4975, #392100, #191B00)
• Turquoise Canyon color palette (#D4EFE7, #42B3C9, #6D89C1, #7A5431, #3D260C)
• Tempered Petrol Station color palette (#D2F1FC, #659BC0, #4B6E9C, #5D3E66, #391731)
• Timeworn Indigo color palette (#D3F5F4, #46A5D0, #6F67AE, #5B4C00, #334200)
• Patina Denim color palette (#D9E9EE, #4B86A6, #2D5684, #42224B, #22001B)
• Denim Terrace color palette (#EFDFE5, #80A3BF, #1A52AA, #003D41, #1A134D)

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