Cocoa Lagoon color palette — #F5E8D1 · #564200 · #18221D · #0D0F00 · #030200

A conversation between Deep Olive and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F5E8D1): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#18221D): a grounded near-black with real depth.
• Ink (#0D0F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030200): quiet, heavy and certain.

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

• Deep Chestnut color palette (#D3E8D8, #725800, #1B2600, #170903, #000301)
• Deep Spruce color palette (#F3E2C7, #4D5C5F, #3B2B00, #161D16, #010600)
• Patina Olive color palette (#E7E7CD, #3F7000, #374246, #002D18, #0A0A00)
• Washed Bronze Study color palette (#E6E1D4, #998700, #394D00, #2F250A, #171006)
• Pale Grape color palette (#E8E5CD, #5A7400, #7900BE, #2F3F00, #0B0018)
• Forest Boulevard color palette (#F5E7D3, #787829, #1D5E21, #00346A, #220416)
• Garnet Lantern color palette (#E6E6D2, #3E6500, #004E8D, #75002A, #010200)
• Dusty Teal color palette (#ECF5E7, #23B39A, #4B5E4E, #343A30, #21231C)

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