Cocoa Lantern color palette — #FCF2CA · #D0DCBE · #9EC4B4 · #AC8B7C · #793B1F

Bronze takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FCF2CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#D0DCBE): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#9EC4B4): A luminous, dusty teal — the color of glacier melt.
• Caramel (#AC8B7C): A luminous, dusty orange — the color of autumn markets.
• Bronze (#793B1F): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Aged Chestnut Chapel color palette (#F6F9D5, #C8E4C4, #CAACC6, #A99177, #734701)
• Driftwood Loft color palette (#EFFBD9, #C8E3D8, #9FBBAB, #9D7290, #644B44)
• Patina Basalt color palette (#F9F5EA, #D3DAB1, #7CBAAC, #9B8F6D, #424700)
• Basalt Veranda color palette (#BAF5E7, #A4D3C2, #C19CAA, #7E8556, #534600)
• Hazy Bronze color palette (#E3ECCD, #64D8BE, #6EA2DE, #AB6520, #572D01)
• Cerulean Boulevard color palette (#D7EFE0, #9EC1C1, #5491A2, #695261, #3E2D38)
• Aged Field color palette (#FEF2EE, #C8E8E1, #8AC7E5, #6AA87F, #573E56)
• Weathered Cobalt color palette (#E6E3C0, #62A281, #397CA9, #784C32, #301200)

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