Cocoa Lagoon color palette — #E4ECE0 · #005A4B · #583000 · #00251E · #030100

Cocoa and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E4ECE0): a clean, paper-quiet neutral.
• Pine (#005A4B): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#00251E): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#030100): a grounded near-black with real depth.

Feels like: 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

• Obsidian Denim Chapel color palette (#CCF5E9, #004F83, #583000, #002039, #030100)
• Nocturne Cabin color palette (#DFEED0, #005A45, #67005D, #00251B, #030003)
• Terracotta Market color palette (#DEEFEA, #933600, #36343B, #001528, #000104)
• Lowlit Denim color palette (#D0F2F8, #006673, #003640, #000C0E, #000102)
• Cellar Garnet color palette (#C8E7E8, #004546, #600020, #420E00, #000202)
• Twilit Pier color palette (#DBEFDE, #005D61, #4F0095, #002628, #09001B)
• Midnight Chestnut color palette (#F6D8C1, #6F4900, #441D00, #240001, #020100)
• Indigo Workshop color palette (#D6E4D6, #4493B6, #5460CD, #00351D, #000304)

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