Cocoa Lantern color palette — #F7F8DC · #BEC7B0 · #839B86 · #896770 · #794215
Bronze takes the lead with Pewter close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Custard (#F7F8DC): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BEC7B0): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#839B86): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#896770): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#794215): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Driftwood Chapel color palette (#FDF0DA, #CCD0B5, #7B9A86, #7A645F, #4D3C38)
- Antique Chestnut Orchard color palette (#DFFFE5, #A9C0B5, #95788F, #8E4D35, #5B4800)
- Ancient Oat color palette (#E9FBEB, #BADFD6, #94B2BC, #8E798C, #5E4F5C)
- Wandering Boulevard color palette (#F9F5EA, #C6C2A2, #82873F, #7C6217, #584E00)
- Tempered Cocoa Lagoon color palette (#E9F2E6, #87AD90, #4D7A9D, #734453, #6E350F)
- Cypress Market color palette (#EFF8EC, #9EB995, #C6838F, #008578, #693F47)
- Faded Orchard color palette (#D8ECF4, #709CD1, #7166AD, #7F2B00, #4C3300)
- Hushed Iris color palette (#EBFAEA, #51A9A3, #9C78B6, #986C35, #364833)
Browse the whole catalog at Explore, or see today's palette.