Cocoa Lantern color palette — #FBF4EC · #CAC0A7 · #708A65 · #7A5B6F · #604A00

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Stone (#CAC0A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#708A65): A luminous, dusty green — the color of fresh herbs.
• Graphite (#7A5B6F): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Cocoa color palette (#FBF4EA, #DCD0B3, #97A273, #90747F, #604A00)
• Ancient Fern Loft color palette (#F6F6EB, #A6B694, #1B8288, #744B61, #334B06)
• Muted Garden color palette (#EDF4EE, #A5CFB8, #7D8954, #5D5F75, #24362C)
• Hushed Cypress Bloom color palette (#FBF3F1, #CBE8E1, #6FA1B7, #4A7C57, #5F4A60)
• Cocoa Terrace color palette (#FFF2EB, #F2C5B1, #AB6A58, #7C351F, #522C1D)
• Dusty Lagoon color palette (#FFF2EC, #DA9F95, #5AA8A6, #B64C3F, #3A553A)
• Timeworn Sand Orchard color palette (#FFF1F6, #E6DFB2, #92C1B7, #939AAB, #415248)
• Timeworn Meadow color palette (#F9F5E6, #7EA783, #007367, #613968, #35362F)

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