Cocoa Lantern color palette — #FFF3E8 · #B7A48B · #916947 · #7A3F26 · #403D36

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Taupe (#B7A48B): A luminous, dusty gold — the color of old brass.
• Walnut (#916947): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7A3F26): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, 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

• Washed Chestnut Boulevard color palette (#F9F5E9, #ADA984, #757648, #634F0E, #3F4100)
• Weathered Basin color palette (#F6E5D3, #AB9365, #845925, #6D3001, #33302A)
• Wandering Studio color palette (#FFF1F6, #A2C9AC, #B78258, #8D5954, #2B433A)
• Aged Atelier color palette (#FFF1F6, #EACBA0, #D2A178, #A87C6A, #2F4335)
• Washed Cabin color palette (#EAE1D5, #877531, #5C3F00, #3E1F00, #181700)
• Softworn Cobalt Summit color palette (#FEF0FF, #5584B9, #9D5D4B, #5E5400, #3F2A41)
• Ancient Chestnut color palette (#FCF1FB, #6077B5, #894218, #3A4C00, #152E1A)
• Moonless Fern color palette (#E5DEC8, #536025, #302D00, #170F00, #010500)

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