Cocoa Lagoon color palette — #D7E5D6 · #6B4400 · #2F2F1F · #0A181A · #060600

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Celadon Mist (#D7E5D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2F2F1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0A181A): a grounded near-black with real depth.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Thicket color palette (#F4DAF0, #6F4B00, #940015, #2A1C0F, #0C0300)
• Inked Garden color palette (#F4EBDF, #354341, #4F3300, #141911, #0B0800)
• Weathered Bronze color palette (#F0E4D8, #9C7300, #5F5A00, #252F00, #000700)
• Washed Mustard color palette (#EBF9F0, #C5AD53, #375D55, #202F26, #130E10)
• Softworn Jade Villa color palette (#E1FBFB, #40B683, #234D58, #0C2223, #020705)
• Midnight Hollow color palette (#CCF4F0, #007333, #2E2D34, #001714, #000201)
• Patina Moss color palette (#E1FDF2, #8B9D00, #0B4826, #001B13, #000201)
• Soft Byzantium color palette (#D3F3E2, #8C8000, #8C00DD, #433D00, #020006)

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