Cocoa Lagoon color palette — #EBDBCD · #774200 · #004751 · #331900 · #00070A

A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Bone (#EBDBCD): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#774200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004751): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#331900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Nocturne Chestnut color palette (#F8EAD2, #7A5800, #243031, #1B1300, #040200)
• Charred Garnet Delta color palette (#FFDACB, #9B0113, #004941, #440004, #000806)
• Cocoa Parlor color palette (#FCE8DB, #6A2800, #003659, #171B3D, #050100)
• Muted Rust Villa color palette (#ECDACF, #A84800, #006084, #5D2400, #00070D)
• Eclipse Nightshade color palette (#EDE2C5, #5B5200, #1014B4, #252100, #010025)
• Aubergine Terrace color palette (#F0EBDE, #6D5F00, #6C009F, #342C00, #1A002B)
• Bronze Chapel color palette (#ECDCC3, #A17700, #00749D, #5E4400, #002D40)
• Grape Thicket color palette (#F1E4D2, #8E6400, #542DD2, #4C3400, #19064D)

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