Cocoa Lagoon color palette — #EDFBDF · #B6D6BC · #8CADA0 · #8F6B68 · #7C3E22
Bronze and Pistachio set the tone — five colors that lean into optimism and sophistication.
The five colors
- Custard (#EDFBDF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B6D6BC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8CADA0): A luminous, dusty teal — the color of glacier melt.
- Mocha (#8F6B68): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. 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
- Bronze Ridge color palette (#E5FDE8, #ACD4C2, #B792B0, #A8654B, #79480D)
- Patina Station color palette (#F5F8DE, #ACBAA6, #65887B, #8C502C, #584900)
- Ancient Seafoam color palette (#F5F7E4, #93D6AE, #51A08D, #72726A, #41433D)
- Taupe Summit color palette (#D7F8EE, #B8DFDF, #95BDCE, #BA837E, #674651)
- Cobalt Chapel color palette (#CFF7F7, #44BBDB, #4E89D3, #874852, #5F2403)
- Driftwood Delta color palette (#D6E9F6, #94AAE2, #8E75AF, #724E37, #413200)
- Patina Lilac color palette (#D5F3FF, #9DC4FF, #9891D5, #756D68, #4B4741)
- Tempered Basin color palette (#F9F4ED, #CAEFD7, #6DAECE, #398984, #255146)
Browse the whole catalog at Explore, or see today's palette.