Cocoa Lantern color palette — #FFE8F5 · #B8733A · #822F00 · #460005 · #020100

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

The five colors

• Blush (#FFE8F5): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#B8733A): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#460005): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

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

• Pale Chestnut Study color palette (#F6DDEA, #BF8F5F, #974400, #600A00, #070300)
• Tempered Balcony color palette (#DFF8DF, #9E8334, #694500, #361800, #010100)
• Misty Meadow color palette (#FFF0F7, #E8AE6A, #BF6000, #8A2300, #211600)
• Rust Hollow color palette (#F1DEEA, #C47E1C, #BA3F00, #7D2B43, #0F0B00)
• Bronze Veranda color palette (#E1FEEC, #B2B785, #897600, #5D4000, #0C1600)
• Worn Corridor color palette (#D0F2F3, #00714F, #71009F, #510010, #000201)
• Tempered Chestnut color palette (#E8FAF1, #BFCFA4, #8E8E49, #6C5500, #012824)
• Deep Corridor color palette (#D3E5E5, #B28600, #00351D, #050B0E, #000201)

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