Cocoa Lagoon color palette — #CEE7CF · #684600 · #32322C · #0A181A · #050600
Bronze takes the lead with Celadon Mist close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Celadon Mist (#CEE7CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#32322C): quiet, heavy and certain.
- Ink (#0A181A): a grounded near-black with real depth.
- Ink (#050600): 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
- Nocturne Corridor color palette (#E0EAD2, #405600, #3C434B, #12181D, #000803)
- Softworn Corridor color palette (#F1DEE6, #655600, #743D00, #261E0F, #080500)
- Weathered Mustard color palette (#E7FBEF, #C4AF39, #3E5B55, #252E28, #130E0F)
- Hushed Thicket color palette (#F1DAC4, #A58300, #524D00, #1B2E00, #000200)
- Hushed Boulevard color palette (#D9FFF2, #859F00, #0E472B, #021A14, #000201)
- Wandering Jade Veranda color palette (#DDFCFD, #00BA86, #274C58, #0C2223, #010706)
- Tempered Grape Canyon color palette (#CEE8DC, #838400, #7D31D6, #3E3F00, #020007)
- Moss Veranda color palette (#CDE9D7, #799C21, #005E2A, #47182D, #000201)
Browse the whole catalog at Explore, or see today's palette.