Cocoa Lantern color palette — #E3EEDB · #5EB7AC · #6884AE · #794B3D · #5C2700

A conversation between Espresso and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E3EEDB): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#5EB7AC): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#6884AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#794B3D): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5C2700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, 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

• Dusty Teal color palette (#E9EBD7, #62BFA5, #5C8774, #784C49, #502423)
• Wandering Delta color palette (#DDEEDB, #7FCCCF, #8490BE, #8E572A, #6A3500)
• Faded Turquoise color palette (#CCE9D5, #00ACBE, #5C6FA6, #6C431E, #361E04)
• Weathered Driftwood color palette (#D4FAE8, #77B0CA, #8172A3, #605626, #3C3932)
• Timeworn Cerulean color palette (#CEEFE8, #318FC0, #69558C, #4A350D, #2B1C00)
• Antique Lantern color palette (#D0F1F1, #60A3B4, #367090, #493E68, #3D2742)
• Linen Ember color palette (#C1E9D3, #00A9D0, #E24D19, #006E89, #481708)
• Softworn Bronze color palette (#D0F2FA, #0096AE, #B16500, #776000, #022714)

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