Cocoa Lantern color palette — #F8E0CE · #783D00 · #213600 · #2C0024 · #040000

Built around Bronze, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Parchment (#F8E0CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#783D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#213600): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2C0024): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged jewel, vibrant, dark, 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

• Deep Garnet Orchard color palette (#F6DBD1, #8F020F, #323000, #280043, #040001)
• Onyx Courtyard color palette (#F7E7EE, #6E3600, #003234, #0C0058, #0B0011)
• Fern Garden color palette (#F3ECD2, #474700, #003D38, #3A0600, #020100)
• Wandering Pier color palette (#EEE5CB, #7E5F00, #3F3E00, #00251F, #070500)
• Timeworn Cocoa color palette (#E6DED3, #BDB19F, #9A8C6F, #5D3B00, #100903)
• Weathered Garnet Pier color palette (#F8E6C6, #6F5B00, #00553D, #5E0022, #0D0300)
• Olive Terrace color palette (#E9E7D9, #657600, #435000, #00366A, #140500)
• Chalky Olive color palette (#F2F4E0, #1B8D17, #00586B, #4B2700, #0D0800)

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