Cocoa Lantern color palette — #F7ECDA · #6DA47E · #008396 · #794200 · #493A00

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

The five colors

• Cream (#F7ECDA): A whisper-light, dusty gold — the color of old brass.
• Moss (#6DA47E): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#794200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#493A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Archive color palette (#F0EAC1, #76B7A8, #4A7DA9, #6C5D29, #554606)
• Jade Lagoon color palette (#EAE0CE, #7DA862, #008189, #71384B, #5A231B)
• Weathered Bronze Grove color palette (#FAF6DC, #C2D3BB, #6F988B, #986132, #624C00)
• Tempered Emerald color palette (#F1EBD8, #51A85C, #00695C, #474600, #083812)
• Antique Bloom color palette (#D6EADA, #67A2A9, #585E92, #55441C, #31312A)
• Chestnut Terrace color palette (#C6EBEC, #008185, #984D00, #614900, #002A2C)
• Hazy Teal color palette (#D5E9DF, #44BEBC, #2E95B7, #804A70, #5E3336)
• Teal Boulevard color palette (#D8F8E5, #25B5B1, #2B708C, #592D48, #401318)

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