Muted Cocoa Lantern color palette — #F9F1DC · #ACB176 · #7B7747 · #624700 · #262311

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1DC): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACB176): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#7B7747): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#624700): A full-bodied, balanced gold — the color of old brass.
• Onyx (#262311): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Patina Field color palette (#FEEFE3, #D39F74, #9A6748, #733B0F, #2C2012)
• Washed Taupe Bloom color palette (#E8E1C4, #92A15E, #676927, #463F0F, #1A1905)
• Softworn Pewter color palette (#E5FCEF, #89B1A2, #7B743E, #3A5B41, #1F453E)
• Muted Basalt color palette (#FBF5E6, #C3C096, #9A905D, #816244, #364400)
• Amber Canyon color palette (#FFE5CF, #C77813, #8A4600, #5B2200, #1C0F00)
• Chestnut Archive color palette (#EEE4D8, #684D00, #3A2500, #180B00, #020100)
• Faded Bronze Pier color palette (#EFDDD2, #A75A2A, #742700, #450701, #0C0300)
• Weathered Ridge color palette (#FDEDF3, #EF988F, #5B4B79, #391D2A, #15080E)

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