Cocoa Lagoon color palette — #F7E9D5 · #7CA172 · #007985 · #653200 · #3E1D00
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F7E9D5): A whisper-light, dusty gold — the color of old brass.
- Moss (#7CA172): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#653200): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#3E1D00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Timeworn Garnet color palette (#F9EECD, #72A968, #007382, #711B30, #3C0815)
- Cobalt Harbor color palette (#D8F2D8, #51AEB4, #446EAF, #603708, #381D00)
- Aged Cocoa Parlor color palette (#E9EDDF, #A1AB82, #478E9A, #6B4400, #2E3700)
- Jade Parlor color palette (#EFE4C4, #67A765, #006B5B, #444000, #011D02)
- Cocoa Delta color palette (#E3EECD, #92B3A1, #866375, #674800, #332710)
- Mulberry Parlor color palette (#D8E8DE, #4DB4A8, #25788F, #792B71, #692134)
- Terracotta Corridor color palette (#F6EDD3, #AEAE7B, #2CA082, #A43B1B, #453600)
- Weathered Chapel color palette (#BCE9E4, #5688A5, #544369, #402D05, #160D00)
Browse the whole catalog at Explore, or see today's palette.