Cocoa Lantern color palette — #D9EAC9 · #A2BEAA · #7E94BF · #7E633F · #5D4400

A conversation between Bronze and Blue Fog, giving this palette its sense of optimism and sophistication.

The five colors

• Celadon Mist (#D9EAC9): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#A2BEAA): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#7E94BF): A luminous, dusty violet — the color of twilight just after sunset.
• Walnut (#7E633F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5D4400): A full-bodied, balanced gold — the color of old brass.

Feels like: 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

• Patina Bloom color palette (#DBEDD6, #8FC0AB, #AC899F, #86652C, #334C2D)
• Washed Cocoa Orchard color palette (#F2EACD, #B5C29B, #649FA4, #925259, #6B3C00)
• Wandering Workshop color palette (#D8E8EF, #B2BFF7, #8FA9D3, #9D6F77, #5B3738)
• Driftwood Bloom color palette (#E6FCEC, #DDD1DF, #B89FA9, #958139, #435A18)
• Worn Ridge color palette (#CAF1E7, #79A08A, #516AA5, #643C00, #232A00)
• Iris Thicket color palette (#CAE8EA, #73BCEE, #8D73CE, #736500, #004F23)
• Sunlit Grove color palette (#CCF8E1, #B1B8EB, #A780B2, #597B1D, #005952)
• Tempered Forest Lagoon color palette (#E2EFFB, #A5A0CB, #966F90, #366630, #004643)

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