Cocoa Lagoon color palette — #F5DEC4 · #613C00 · #25291F · #140C00 · #030100

A conversation between Bronze and Parchment, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F5DEC4): A whisper-light, dusty gold — the color of old brass.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#25291F): quiet, heavy and certain.
• Ink (#140C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Twilit Chestnut Workshop color palette (#FDE8EE, #814F00, #262300, #1C0C06, #040100)
• Aged Drift color palette (#E7E0D1, #797926, #3F4C00, #432200, #060600)
• Inked Garnet Cabin color palette (#FEDFD4, #850016, #242011, #1F0300, #050100)
• Fern Orchard color palette (#EAE7D9, #5F6700, #2D393C, #192A00, #0C0900)
• Olive Meadow color palette (#F5EFD7, #6C6E00, #00646E, #3A3B00, #000709)
• Tempered Moss color palette (#E7E6D1, #7E9B4C, #4F5100, #2F2E27, #1A1811)
• Hushed Harbor color palette (#CDE9D0, #009039, #00432C, #002208, #080800)
• Denim Ridge color palette (#EDF0E0, #549EB5, #006180, #003A41, #000B14)

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