Smoked Cocoa Lagoon color palette — #F0DCCB · #876F3A · #5C2E00 · #2B0003 · #010100

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#F0DCCB): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#876F3A): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#2B0003): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Smoked 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

• Moonless Basalt color palette (#EAE5D5, #607C4F, #413E00, #1D0F00, #000201)
• Inked Chestnut Workshop color palette (#F8DAE7, #735300, #462000, #280004, #030400)
• Washed Cocoa color palette (#F9DAC6, #A57E49, #803200, #450015, #010100)
• Ancient Chestnut color palette (#F1E4C8, #8AA46B, #6D6000, #492900, #000502)
• Antique Bronze color palette (#FFF3E3, #B6B77F, #9A6D00, #742E00, #131400)
• Powdered Loft color palette (#EEE7FF, #A25295, #82002D, #250800, #020100)
• Cellar Thicket color palette (#FFEAE9, #8A025F, #553300, #001E13, #040002)
• Violet Lagoon color palette (#F5E6EB, #935EBC, #573200, #400060, #020100)

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