Cocoa Lantern color palette — #FEF2EC · #D1A576 · #783F2B · #472215 · #221C12

Bronze takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Camel (#D1A576): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#783F2B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#472215): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#221C12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Chestnut Boulevard color palette (#FAF4ED, #D6BC98, #785631, #3D3832, #262417)
• Hushed Marigold Bloom color palette (#FFF4E1, #C29C41, #5B4500, #322400, #141400)
• Dusty Balcony color palette (#FFF0F9, #FBCB97, #C68168, #79566D, #281E24)
• Softworn Amber color palette (#FFF4DF, #B39340, #6C6E31, #005B50, #403D36)
• Chestnut Harbor color palette (#F0DFC9, #7A5800, #233030, #1E1100, #040200)
• Bronze Drift color palette (#FFF2EA, #BD6640, #657A3B, #67436E, #38312D)
• Bronze Hollow color palette (#FFEAC8, #C4AE6E, #897C28, #545700, #374700)
• Worn Boulevard color palette (#FFF2F0, #A75477, #00658C, #313877, #372227)

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