Cocoa Lantern color palette — #FEF3EC · #DFC6AB · #BE8F7D · #8F6A62 · #5A4400

Deep Olive and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Oat (#DFC6AB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#BE8F7D): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8F6A62): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Dusty Bronze color palette (#F8F5EB, #CDCDAF, #A29E70, #986A30, #3D5007)
• Timeworn Driftwood color palette (#FFF2EB, #D5B89A, #BC7D69, #8D5764, #403D36)
• Stone Quarry color palette (#FFF0F9, #EDD3D0, #C9A0B9, #8A708B, #324436)
• Antique Driftwood color palette (#FFF2EF, #C3DAAB, #A8677A, #614541, #352826)
• Frosted Cocoa color palette (#F1DFC8, #AAA150, #996600, #80300F, #192A07)
• Jade Alley color palette (#FCF3F1, #F5C1CD, #6EAE68, #BB7487, #2E2F24)
• Softworn Teal Market color palette (#FFF2EE, #DA969A, #67AC8B, #7276A1, #483935)
• Hushed Garnet color palette (#FFEADA, #A07429, #843A00, #60001B, #0D0C00)

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