Cocoa Lantern color palette — #FFEFDA · #E7CCA9 · #A3814D · #624800 · #261B00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEFDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#E7CCA9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A3814D): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#624800): A full-bodied, balanced gold — the color of old brass.
• Onyx (#261B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged monochrome, 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

• Bronze Field color palette (#FFF3E3, #E1C794, #A2772A, #644A04, #3A3630)
• Aged Cocoa color palette (#FFEEE6, #E8BDA8, #AF7060, #7A341E, #370F04)
• Worn Fern color palette (#F5F4D7, #CCCB9F, #798D4E, #385816, #0F2101)
• Chalky Thicket color palette (#DAE6AD, #899C44, #585D00, #282C00, #030500)
• Tempered Mustard Coast color palette (#FAF5B8, #B7B952, #7C7000, #443C00, #141200)
• Washed Pewter color palette (#F4F2E9, #D7BEA5, #60663A, #33312A, #16140B)
• Basalt Alley color palette (#FDEFE0, #D7E2C4, #AACBB7, #B58381, #543C00)
• Muted Olive Summit color palette (#F4F2EA, #C7C795, #3B90A1, #797600, #0A1A10)

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