Cocoa Lantern color palette — #FFE9DE · #7F4000 · #3E2000 · #170B00 · #030100

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

The five colors

• Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#7F4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3E2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#170B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Cocoa Grove color palette (#D8F0D6, #694300, #004736, #2D1A00, #000201)
• Moonless Garnet color palette (#FFE2E2, #940112, #520500, #210500, #050100)
• Timeworn Rust Quarry color palette (#FFE5E1, #B05100, #5C3700, #1A1000, #010100)
• Wandering Veranda color palette (#F0EAD3, #7E7100, #484600, #272C00, #060900)
• Charred Pier color palette (#DFECFF, #006D68, #3A5E00, #030C07, #000201)
• Amber Garden color palette (#FDE1CD, #D88500, #8D5E00, #604300, #342700)
• Faded Boulevard color palette (#E4EADD, #60A200, #147712, #004618, #001E0C)
• Washed Mustard Lagoon color palette (#F1EFD2, #AEB143, #6E7D12, #3F5614, #073932)

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