Cocoa Lagoon color palette — #F3E8DA · #654200 · #00331E · #001526 · #120013

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F3E8DA): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#654200): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001526): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#120013): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Inked Onyx Cabin color palette (#FAEFCC, #504C00, #00322F, #090048, #160008)
• Cocoa Corridor color palette (#FFE6D8, #7D2B00, #003323, #130036, #030003)
• Worn Basalt Loft color palette (#F4E9CC, #4C5A59, #483700, #17221E, #080900)
• Fern Coast color palette (#EAE2C8, #6E6700, #364100, #1B2B00, #001710)
• Feathered Ember Archive color palette (#F2E4D0, #DC5900, #8C6A00, #3D4A00, #130E00)
• Aged Market color palette (#F2E6D5, #827F2E, #30582C, #06284E, #27082E)
• Washed Market color palette (#FFE4ED, #905700, #004F57, #170078, #120015)
• Weathered Navy Villa color palette (#F5E9D8, #4498CD, #00488F, #002E38, #060742)

Browse the whole catalog at Explore, or see today's palette.