Muted Cocoa Lantern color palette — #F4D9EB · #A16877 · #743B25 · #002614 · #000404

A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D9EB): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#A16877): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#743B25): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002614): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Antique Bronze color palette (#FFE8E8, #A96F4B, #5B4A17, #002225, #000103)
• Cocoa Study color palette (#E2DBEE, #895361, #652A13, #00250C, #001118)
• Muted Garnet Cabin color palette (#E2E3F1, #93719C, #6D3B53, #2D2800, #000200)
• Hazy Field color palette (#FDE5DF, #CB5843, #751400, #1C2015, #160100)
• Feathered Plum color palette (#FFE5EF, #BA2862, #750021, #370100, #030000)
• Softworn Quarry color palette (#FEEBE5, #BA8955, #6D650B, #003744, #000617)
• Worn Bronze color palette (#F6EAD9, #867C35, #374100, #230B3D, #010100)
• Wandering Drift color palette (#FDDEDF, #C89279, #896F35, #004A4E, #001D2B)

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