Cocoa Lantern color palette — #EFDAE2 · #83A284 · #835A36 · #5E2F1C · #021E0D

Built around Cocoa, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFDAE2): A whisper-light, dusty rose — the color of a warm blush.
• Eucalyptus (#83A284): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#835A36): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5E2F1C): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#021E0D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Bronze Summit color palette (#FFDFE9, #BC9B59, #965C00, #6D2F00, #002313)
• Timeworn Chestnut color palette (#D7F0D9, #958650, #704E00, #4B2700, #100F00)
• Worn Bronze Archive color palette (#E5F8E7, #B5AC7F, #8A7140, #643F4E, #112820)
• Muted Amber Villa color palette (#FFF1F6, #D9C599, #B57B4D, #7C4744, #04281E)
• Timeworn Balcony color palette (#D6EEF3, #008879, #8A4688, #722721, #001317)
• Washed Driftwood Coast color palette (#FAEEF4, #CFB2BD, #9C758C, #6B4D65, #213122)
• Taupe Atelier color palette (#D7EEF1, #BB9B58, #005344, #00221B, #000708)
• Washed Ultramarine color palette (#E7F5F8, #34B5AE, #405FB0, #00625E, #000518)

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