Cocoa Lantern color palette — #FFF2EB · #FFC5AD · #C7896F · #875842 · #5C2D00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#FFC5AD): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#C7896F): A luminous, balanced orange — the color of toasted spice.
• Coffee (#875842): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, 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

• Sand Summit color palette (#FFF3E4, #F8CD8E, #C39865, #85673F, #3B3630)
• Taupe Summit color palette (#FFF2F0, #FFC0D5, #C6879E, #865667, #4E2B28)
• Aged Chapel color palette (#FFF2EC, #DFDCCD, #ACADB7, #B19482, #7C4319)
• Antique Bronze color palette (#FFF0F9, #E6D4D6, #DB9C86, #9E5734, #3A1A30)
• Amber Workshop color palette (#FFF0F9, #FDD3ED, #E8A58C, #BE7758, #54291B)
• Hushed Amber Archive color palette (#FFF3E9, #FFAF6B, #C77000, #7F4500, #371B00)
• Gentle Marigold color palette (#FFDDB6, #E0A100, #9F6500, #5C3B00, #251600)
• Amber Parlor color palette (#EFEBCE, #B49300, #6F6000, #403500, #100B00)

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