Cocoa Lantern color palette — #F7E0CB · #713D00 · #003F63 · #301700 · #000103

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F7E0CB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#713D00): A full-bodied, balanced gold — the color of old brass.
• Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
• 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

• Moonless Chestnut color palette (#EBE3CC, #745100, #293336, #171500, #010100)
• Deep Garnet Meadow color palette (#FFE3D7, #8F101A, #004351, #410004, #000102)
• Nocturne Orchard color palette (#FDEAD3, #694300, #2119A3, #2C1A00, #00000B)
• Shadow Onyx Villa color palette (#FDEBDB, #573100, #003551, #1B1541, #020100)
• Obsidian Petrol color palette (#E4DCF3, #006887, #694D00, #0C0D06, #020100)
• Weathered Parlor color palette (#FFE7F0, #9A5500, #005D91, #552C00, #000610)
• Aubergine Chapel color palette (#EFDEE5, #A25200, #7B278F, #451F00, #030004)
• Quiet Nightshade Ridge color palette (#EAE2C7, #736F00, #4B3DBE, #3B3800, #060026)

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