Cocoa Lantern color palette — #EDEDB6 · #A4DCB7 · #7CB9BC · #B36D75 · #723900

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

The five colors

• Custard (#EDEDB6): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A4DCB7): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#7CB9BC): A luminous, dusty teal — the color of glacier melt.
• Mocha (#B36D75): A luminous, balanced red — the color of embers at dusk.
• Bronze (#723900): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. 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

• Amber Market color palette (#D2F8D4, #95DDD1, #87B1CE, #BC7861, #524500)
• Tempered Peony Balcony color palette (#D5F5D3, #C6D195, #69BDA3, #B971A8, #723D3A)
• Dusty Bronze color palette (#DEE5D4, #93C5AA, #70A5B5, #A75B52, #4B2F02)
• Teal Orchard color palette (#CFF3C0, #61C1B0, #528AA3, #754845, #512120)
• Muted Alley color palette (#D2E8DF, #45A3AD, #5579B0, #754300, #1E2200)
• Dusty Boulevard color palette (#E6F9FF, #CFDAEA, #B5C2D4, #AF8E98, #395A4E)
• Ancient Pewter color palette (#C7F0FF, #98CBB9, #7893B5, #8A5497, #6B3059)
• Patina Blush Coast color palette (#E8F8FF, #6EEFFE, #E97E8A, #00ABBA, #6F0925)

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