Cocoa Lantern color palette — #FFF2EB · #CDB399 · #A5725F · #75544B · #604100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Stone (#CDB399): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A5725F): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#75544B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Meadow color palette (#FAF5E6, #BEBA92, #878254, #7D5410, #464D00)
• Tempered Bronze Bloom color palette (#FFF2EA, #E5C3A9, #B8937B, #A16240, #683B00)
• Patina Driftwood color palette (#FDECF6, #D5AEC1, #9A768B, #694E62, #37262D)
• Softworn Terracotta Archive color palette (#FBF3F1, #C3C493, #8A4653, #4F2F28, #2D231A)
• Antique Olive color palette (#FBF3F0, #E9AFB1, #6F882E, #A34F56, #302E23)
• Aged Lantern color palette (#EFDCC5, #978749, #754C00, #5B2400, #2A2406)
• Weathered Garnet Hollow color palette (#FFEBD7, #BC9747, #985700, #7F270A, #3A3705)
• Muted Market color palette (#F4E1D4, #8B5C1A, #5D2500, #3C0006, #100A00)

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