Cocoa Lantern color palette — #E7E2DD · #ABA495 · #8D8768 · #5E3D00 · #100700

Bronze takes the lead with Driftwood close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#E7E2DD): bright and airy, almost weightless.
• Taupe (#ABA495): A luminous, dusty gold — the color of old brass.
• Driftwood (#8D8768): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5E3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#100700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Garnet color palette (#EAE2DE, #ADA29B, #98826A, #85020B, #150401)
• Olive Station color palette (#F0E6DD, #A19983, #70762F, #3F2300, #110700)
• Basalt Ridge color palette (#E1ECE1, #AAC2B2, #739C8C, #523500, #000200)
• Chestnut Balcony color palette (#EBDCE1, #91ADAC, #76929A, #8B5500, #120509)
• Dusty Fern Lantern color palette (#EFF0E9, #B0B8A5, #869D7D, #176405, #141500)
• Amber Archive color palette (#F1EBDC, #D77C00, #917E00, #356000, #030300)
• Patina Delta color palette (#EBEAD4, #4F8355, #00523A, #452000, #000901)
• Dusty Onyx Thicket color palette (#F2E1C1, #6E7C53, #2D593C, #1F2A5F, #20013A)

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