Cocoa Lantern color palette — #FFF2EA · #EAC9AE · #D1A088 · #AD796A · #593300

Cocoa and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#EAC9AE): A whisper-light, dusty gold — the color of old brass.
• Camel (#D1A088): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AD796A): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Softworn Corridor color palette (#FFF2EA, #D3B99D, #B1836F, #865E51, #403D36)
• Pale Amber color palette (#F2DACB, #D9A486, #C67756, #9D5443, #391B00)
• Softworn Harbor color palette (#FEECF5, #CBA286, #A16343, #6B3F32, #2F1C24)
• Softworn Taupe color palette (#F9EED0, #CACD91, #B0A656, #937E39, #37362F)
• Faded Alley color palette (#FDE5D3, #C37E28, #9F5A17, #7B3500, #130900)
• Muted Mint Alley color palette (#F5F7E4, #89C67D, #D37F7B, #A16E3B, #2F2813)
• Powder Basin color palette (#E8FAF4, #75C2FB, #CD97D1, #C27491, #1F3931)
• Aged Bronze Atelier color palette (#F6EDDC, #928115, #745D00, #533A00, #040400)

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