Cocoa Lantern color palette — #FFECE0 · #9A6A3A · #752A00 · #510013 · #1E1400

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFECE0): A whisper-light, dusty gold — the color of old brass.
• Walnut (#9A6A3A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#510013): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1E1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Cocoa Boulevard color palette (#F6DBEA, #9A623D, #712B00, #440B00, #0B0300)
• Aged Bronze color palette (#F8E3C5, #81782C, #5B4000, #411D00, #111A00)
• Terracotta Garden color palette (#FFE6D7, #B87C56, #9E3F00, #711800, #251000)
• Worn Cocoa color palette (#F7E4D4, #A89373, #8A5625, #6D2E1E, #33302A)
• Quiet Rust color palette (#FFDEF2, #D08E4D, #C1592D, #82464A, #001C09)
• Fern Station color palette (#F7E9CA, #53610C, #342B00, #1B0D00, #000500)
• Antique Bronze color palette (#DCF6EB, #AD644D, #002B3D, #101A1F, #000B13)
• Weathered Bronze color palette (#FAF4EA, #C0B89E, #9E7938, #825119, #4E4A00)

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