Cocoa Lantern color palette — #F7E2C2 · #5D3F00 · #3B4000 · #120F00 · #000400

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

The five colors

• Parchment (#F7E2C2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5D3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3B4000): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#120F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Fern Lagoon color palette (#CEF0E6, #384E00, #161B22, #001405, #000403)
• Eclipse Cocoa color palette (#FADAE7, #683700, #3B3B34, #150D00, #0A0004)
• Chestnut Lagoon color palette (#EFE1CF, #815700, #384643, #242700, #100700)
• Bronze Summit color palette (#EAE1D2, #927400, #555200, #262E00, #001C0F)
• Moonless Forest color palette (#DEF1F0, #006638, #39363D, #00201B, #000C0C)
• Olive Balcony color palette (#E2F7F0, #6F8900, #284240, #212B28, #0F1616)
• Garnet Archive color palette (#E7EDD8, #536200, #00537D, #73003A, #0F1400)
• Tempered Olive color palette (#DCEFE4, #6C8600, #195307, #492119, #171E00)

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