Cocoa Lagoon color palette — #F8F1E1 · #B8AB82 · #80763F · #5F4900 · #28230B
A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#B8AB82): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#80763F): A full-bodied, dusty green — the color of fresh herbs.
- Bronze (#5F4900): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#28230B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Chestnut Quarry color palette (#FCEFE3, #C9B8A6, #9F7A5C, #784C32, #362A19)
- Fern Corridor color palette (#E7E0CD, #989E6B, #6C6719, #4A3D00, #1C1800)
- Timeworn Terrace color palette (#E7FBEE, #86B2A3, #837219, #6A4B23, #2B423F)
- Tempered Fern Balcony color palette (#F2F3E7, #B9B685, #405F30, #172E09, #0D0D02)
- Washed Summit color palette (#EBF9F1, #C2C190, #9C9050, #796735, #28443A)
- Quiet Chestnut Station color palette (#EEE1D7, #C17B3E, #8F4200, #5F1E00, #1D0E00)
- Faded Summit color palette (#F9F1E4, #A3803B, #936092, #872B4E, #251700)
- Lowlit Quarry color palette (#EEDCC7, #694C0E, #3B2400, #190A00, #020100)
Browse the whole catalog at Explore, or see today's palette.