Cocoa Lagoon color palette — #D2E8D0 · #6B4400 · #2F2E1C · #0A181A · #060600
Built around Bronze, softened by Celadon Mist — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#D2E8D0): 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 (#2F2E1C): 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
- Velvet Chestnut color palette (#E6F3E9, #5F4A00, #131914, #030700, #040001)
- Bronze Balcony color palette (#F4DDC9, #A57800, #584A00, #1E2800, #000400)
- Garnet Canyon color palette (#F6DCF3, #6F4B00, #940019, #2A1C0F, #0C0300)
- Softworn Mustard Chapel color palette (#EAFAEF, #C5AD55, #425A54, #232E27, #150D10)
- Dusty Moss Bloom color palette (#E0FDF1, #8E9C00, #21452C, #001B12, #000201)
- Weathered Jade color palette (#E3FBFB, #4AB582, #2B4C55, #0A2323, #010705)
- Inked Pine color palette (#DBF4F1, #00742F, #2E2D34, #001714, #000201)
- Muted Grape Harbor color palette (#D1F6E2, #8D8000, #7944BE, #433D00, #020007)
Browse the whole catalog at Explore, or see today's palette.