Cocoa Lagoon color palette — #D9F3E2 · #005666 · #5F2B00 · #00232B · #030100

Built around Cocoa, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D9F3E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005666): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Eclipse Garnet Archive color palette (#DBF2E5, #004254, #5B1400, #371B00, #000102)
• Cellar Garnet color palette (#D9E9D2, #00594D, #6A0054, #00251F, #040002)
• Aged Fern color palette (#D6F3FF, #007988, #545A00, #003239, #010100)
• Denim Summit color palette (#E8EAD2, #7C5600, #00519B, #130C16, #030004)
• Chalky Terracotta Workshop color palette (#D3EDFC, #007491, #9C2900, #003F50, #120100)
• Sunlit Grape color palette (#E5F2E9, #5F90D7, #733EC2, #003E3B, #000205)
• Smoked Basin color palette (#F6E7D3, #5E5200, #3A2500, #1C0800, #010100)
• Charred Nightshade color palette (#EFDCEA, #2F30BA, #4E3700, #100063, #020100)

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