Cocoa Lagoon color palette — #F5D9E3 · #713F00 · #433600 · #001E14 · #030100
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F5D9E3): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#433600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Shadow Garnet color palette (#F2D9EF, #94001B, #3D3F00, #001B27, #040000)
- Cellar Coast color palette (#DFDFF6, #692295, #642600, #001F10, #020006)
- Plum Quarry color palette (#EFE3F2, #B04A73, #6C1C00, #1C1000, #010100)
- Obsidian Cabin color palette (#F2DAE7, #8A3800, #003330, #000A09, #00000C)
- Inked Market color palette (#D3E3D9, #993585, #502300, #000D20, #040001)
- Garnet Station color palette (#FEE8F8, #711300, #233430, #2F1B00, #00060A)
- Hushed Raspberry color palette (#E1DDEC, #A658A4, #3D3F00, #4B004B, #010100)
- Obsidian Summit color palette (#F3E8FD, #640044, #193100, #001617, #040002)
Browse the whole catalog at Explore, or see today's palette.