Cocoa Lantern color palette — #FEF3E8 · #E9D6BC · #D9AC7E · #AE896F · #5B4400

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Wheat (#E9D6BC): A whisper-light, dusty gold — the color of old brass.
• Sand (#D9AC7E): A luminous, balanced gold — the color of honey in a jar.
• Caramel (#AE896F): A luminous, dusty gold — the color of old brass.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Gentle Mustard color palette (#FFF3E5, #F0DBA4, #C1C06B, #839E5F, #27512B)
• Tempered Pier color palette (#FFF1F6, #D2FADE, #CBA686, #897284, #33433E)
• Ancient Amber Pier color palette (#F9E3D6, #ECB48D, #E0805C, #A86461, #342F2A)
• Timeworn Study color palette (#FBEDD4, #D2CB7C, #C69E21, #A67430, #37362F)
• Rust Alley color palette (#ECDED3, #C6935D, #C05D00, #933A26, #1F1400)
• Driftwood Balcony color palette (#FBEEF2, #ADC2AD, #9B7783, #6B4E5B, #1F3123)
• Aqua Cabin color palette (#FDF3ED, #F2B291, #56CBCB, #7B9CC4, #423C37)
• Timeworn Amber color palette (#F5E0C6, #B08A0A, #946200, #753B00, #0D0C00)

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