Cocoa Lantern color palette — #FCF3ED · #ECD4C1 · #D8AA93 · #BA8270 · #673C00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Bone (#ECD4C1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D8AA93): A luminous, dusty orange — the color of autumn markets.
• Caramel (#BA8270): A luminous, dusty orange — the color of autumn markets.
• Bronze (#673C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Airy Loft color palette (#FFF3E8, #F6D2AA, #D7B272, #AA8C30, #524C00)
• Worn Stone color palette (#FFF0F8, #ECD3D0, #D99F82, #8A7088, #36433A)
• Rust Corridor color palette (#FFEAD8, #EFBD86, #E38C3A, #C45F0B, #493001)
• Muted Bronze color palette (#F8E9D9, #C9AD80, #BB8130, #9C5800, #2F2200)
• Quiet Veranda color palette (#FFEBDE, #B7825E, #A95121, #892200, #150700)
• Muted Driftwood color palette (#FDEDF5, #D9ADBF, #9D758A, #66505E, #38262C)
• Weathered Bronze Villa color palette (#EDE5D5, #ABA156, #947A00, #745400, #171700)
• Turquoise Lagoon color palette (#FBF4E6, #D3C383, #79C8B3, #41AABB, #403D36)

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