Cocoa Lantern color palette — #FDEFE0 · #C3A772 · #916D45 · #713D08 · #292211

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

The five colors

• Cream (#FDEFE0): A whisper-light, dusty gold — the color of old brass.
• Camel (#C3A772): A luminous, dusty gold — the color of old brass.
• Walnut (#916D45): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#713D08): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292211): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Chestnut color palette (#F8F1E1, #B8C192, #8B8456, #755002, #2D2D1E)
• Ancient Bronze Market color palette (#FFE3CE, #CB9353, #A45000, #6B2F20, #281900)
• Weathered Harbor color palette (#FAF0E7, #E7A16F, #777B14, #964F0B, #120E03)
• Mustard Atelier color palette (#FFE8D0, #D3AB43, #7F812C, #39530B, #002B09)
• Ancient Lantern color palette (#EEE0D2, #A57F3D, #7B4600, #4F220A, #150D00)
• Wandering Bronze color palette (#FFF1F5, #8CB295, #916940, #67455B, #274438)
• Dusty Driftwood color palette (#FFF1F5, #ABC6AD, #A88965, #825C6C, #2F4334)
• Tempered Bronze color palette (#F8E8CE, #807300, #564000, #341D00, #070500)

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