Cocoa Lantern color palette — #F3EBDE · #624900 · #3B4845 · #111712 · #020700

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

The five colors

• Cream (#F3EBDE): bright and airy, almost weightless.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3B4845): a grounded near-black with real depth.
• Ink (#111712): quiet, heavy and certain.
• Ink (#020700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Lantern 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

• Tempered Cocoa Cabin color palette (#F0DAC3, #5A5E66, #6E4100, #161A12, #050600)
• Deep Basalt Coast color palette (#F3F0DE, #384100, #303A36, #08100C, #000201)
• Hushed Teal Lagoon color palette (#F1F8EB, #05B896, #28503C, #192113, #060601)
• Antique Olive Meadow color palette (#E5E8D2, #238E0E, #545058, #002B29, #040400)
• Washed Mustard color palette (#F9F5E9, #B6B44E, #4D5C16, #2F2B1E, #120F0B)
• Moss Station color palette (#F7F7DF, #6CA500, #00473B, #181600, #030100)
• Weathered Dune color palette (#FBEDDC, #A17D00, #4B5500, #0D2F00, #000201)
• Inked Forest Thicket color palette (#E6F1D7, #00724D, #2E373B, #00161A, #010100)

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