Cocoa Lantern color palette — #EADDD0 · #713D00 · #00415D · #301700 · #000103

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#EADDD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#713D00): A full-bodied, balanced gold — the color of old brass.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Charred Field color palette (#E9DEC0, #705300, #2A3436, #171400, #010100)
• Lowlit Villa color palette (#FEDFD1, #920604, #00444B, #400101, #000102)
• Navy Parlor color palette (#F7ECDC, #654500, #0D279A, #2A1B00, #00000C)
• Nocturne Onyx color palette (#F0E3D5, #553200, #003A36, #340051, #020100)
• Patina Chapel color palette (#F2E3D3, #965B00, #005C80, #3F2400, #000103)
• Fern Quarry color palette (#EBDCFB, #006C6F, #615100, #0A0D07, #020100)
• Washed Pier color palette (#F9EBDB, #AD8B00, #607510, #541E00, #020100)
• Tempered Aubergine color palette (#E8F5D8, #486700, #67079B, #203000, #05000D)

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