Cocoa Lagoon color palette — #FFE8D6 · #703900 · #013407 · #00121D · #030004

Built around Bronze, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#FFE8D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#013407): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00121D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Onyx Courtyard color palette (#EDDDC9, #644100, #003225, #000240, #040001)
• Garnet Coast color palette (#FADCD0, #8D0013, #2C2C00, #001414, #01000A)
• Velvet Basalt Lagoon color palette (#F3DABD, #363E46, #4D2F00, #12160F, #090600)
• Twilit Olive Lantern color palette (#E8E1D1, #666F0C, #214000, #400205, #030300)
• Ancient Workshop color palette (#FFE5F0, #995000, #00541C, #002A40, #130013)
• Moonless Workshop color palette (#F4DCD8, #BB0065, #00482B, #1F003B, #020006)
• Linen Chapel color palette (#EEE0D4, #F3280F, #9B5500, #5A5100, #030100)
• Patina Denim color palette (#EBE3D7, #4995AE, #004F73, #002B2C, #00040F)

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