Cocoa Lantern color palette — #F1E8DE · #BEB9A8 · #8D9179 · #623A00 · #261E14

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

The five colors

• Parchment (#F1E8DE): bright and airy, almost weightless.
• Stone (#BEB9A8): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#8D9179): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#623A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#261E14): A deep, shadowed, dusty gold — the color of old brass.

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

• Wandering Alley color palette (#DEE4DE, #AAB7AE, #7E9387, #5A3E00, #030E04)
• Wandering Thicket color palette (#E6DED3, #CAC3B7, #AFA488, #7E5900, #281D0D)
• Forest Lantern color palette (#EEF0E3, #C4D1BF, #8BA998, #316231, #2D301F)
• Timeworn Spruce color palette (#EBE9DC, #969D8B, #607863, #243000, #0C0900)
• Bronze Basin color palette (#EBF1EB, #B0C5C4, #8AAFB5, #AE7100, #162315)
• Pewter Atelier color palette (#FAF4ED, #D8DFD2, #B7C5BA, #88704B, #4D473E)
• Lagoon Thicket color palette (#EBE6C8, #388D5E, #00504D, #481C37, #171E00)
• Aged Thicket color palette (#F2DAC1, #935400, #144A00, #22115C, #1D1500)

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