Cocoa Lantern color palette — #EDFADF · #9CB99D · #658B7B · #775A59 · #694200

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EDFADF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CB99D): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#658B7B): A luminous, dusty teal — the color of glacier melt.
• Graphite (#775A59): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#694200): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Wandering Bloom color palette (#DBF7E3, #94BBAE, #987C8F, #8E5030, #6E4500)
• Washed Cocoa color palette (#E9ECD3, #B9BCA0, #878D71, #7C484D, #3A352F)
• Antique Fern color palette (#F6F6E7, #ABB590, #3E826C, #605D0C, #3D4800)
• Antique Bronze Drift color palette (#E3FEE5, #A7D0C6, #87A5B2, #936C51, #3D5541)
• Driftwood Summit color palette (#DCF9F9, #BBDFEA, #9FBDD3, #9786A6, #5A4658)
• Chestnut Archive color palette (#BBEEDF, #9CACD7, #996F7E, #754605, #374200)
• Amber Drift color palette (#E5FCEC, #4FAFC2, #BE7263, #007284, #61342B)
• Worn Cocoa Summit color palette (#CEE3EE, #A487A3, #695E8F, #6C3B1C, #353D14)

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