Cocoa Lantern color palette — #F4DCC7 · #6E3A00 · #2D2B00 · #001508 · #040001

Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Parchment (#F4DCC7): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6E3A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2D2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001508): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, 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

• Smoked Fern Pier color palette (#F4EDCD, #4B4D00, #00331D, #001416, #000104)
• Bronze Pier color palette (#FFEAD8, #98620F, #574300, #002C12, #000906)
• Cellar Villa color palette (#FEECE1, #5F1D00, #2A363C, #17150A, #0F0400)
• Smoked Harbor color palette (#F8E2DD, #8A0038, #431E00, #131000, #020005)
• Shadow Basin color palette (#F5DEDC, #B80072, #3B4000, #001826, #01000A)
• Charred Garnet color palette (#FBE4FF, #8B0036, #123300, #001624, #02030D)
• Rose Study color palette (#FBE6DC, #FF305B, #C51C00, #6D3600, #080100)
• Antique Pine color palette (#E8EBDB, #257A48, #00412C, #2F1800, #000401)

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