Smoked Cocoa Pier color palette — #F3DCC4 · #604400 · #382C00 · #110F00 · #010100

A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F3DCC4): A whisper-light, dusty gold — the color of old brass.
• Bronze (#604400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#382C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#110F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Smoked Cocoa Pier 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 Lantern color palette (#E9E2D1, #574D00, #3400A5, #231F00, #01000A)
• Chestnut Balcony color palette (#F4DDD3, #855100, #403000, #151900, #000C02)
• Shadow Workshop color palette (#E1E5CF, #3C5F00, #083C03, #001105, #000201)
• Smoked Onyx Villa color palette (#E9E9D4, #3F3E00, #003749, #43002B, #010100)
• Obsidian Garnet color palette (#F8E1E0, #8B2000, #491700, #1C0A00, #020100)
• Patina Cypress color palette (#EFE8D4, #789A61, #217857, #392A00, #020300)
• Moonless Fern Orchard color palette (#F6D7EB, #006594, #255400, #030D08, #010100)
• Faded Bronze color palette (#EBE1C7, #8C7F00, #5A6300, #264000, #021D01)

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