Cocoa Lantern color palette — #FCEDF5 · #C0A1AF · #956952 · #6F3C2B · #321A24

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

The five colors

• Blush (#FCEDF5): bright and airy, almost weightless.
• Mauve (#C0A1AF): A luminous, dusty rose — the color of a warm blush.
• Walnut (#956952): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6F3C2B): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#321A24): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Softworn Villa color palette (#FFECF2, #9CB39C, #956B3D, #6B411F, #112917)
• Tempered Cocoa Atelier color palette (#F7EFF5, #D3AA86, #79443D, #441712, #150712)
• Antique Chestnut color palette (#F1D9E3, #B38C9A, #915320, #652A08, #061E06)
• Dusty Amber color palette (#FFF2EA, #DAB697, #C17C56, #8D5A4A, #583300)
• Pewter Quarry color palette (#FFF0F8, #F6D1DD, #C68F75, #925857, #1D3927)
• Terracotta Pier color palette (#F7EFF3, #E3A183, #956D16, #A34300, #021305)
• Cocoa Summit color palette (#F6E6EF, #AE7855, #873B12, #5C1200, #1A0A00)
• Forest Lantern color palette (#E9F6EB, #A8C3B0, #6E8B73, #456044, #1E3126)

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