Muted Cocoa Lantern color palette — #FEF3EA · #DCC7AD · #B3957A · #976756 · #5E4200

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Oat (#DCC7AD): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B3957A): A luminous, dusty gold — the color of old brass.
• Walnut (#976756): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted 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

• Driftwood Loft color palette (#FFF3E9, #D1B99F, #B7815E, #8E5A4B, #413C36)
• Hushed Cocoa Pier color palette (#FCF3EF, #E4CEAA, #A06F66, #763A19, #352822)
• Bronze Quarry color palette (#EFE4D0, #A4A26F, #896E14, #6A4400, #202800)
• Olive Dune color palette (#FFF3E8, #E8CDA6, #AFA466, #697A11, #2C5100)
• Dusty Sand Boulevard color palette (#FFF0F7, #EFD6A9, #D2A7BC, #9E8B9E, #394D44)
• Worn Grove color palette (#F0DFCE, #9E7528, #774500, #521F00, #0F0B00)
• Faded Workshop color palette (#EDDBD1, #B97C4D, #A03D02, #78000E, #211200)
• Cobalt Balcony color palette (#FDF3ED, #D59B87, #56ACAA, #517EAA, #433B37)

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