Cocoa Lantern color palette — #FEF3EA · #EDD6B3 · #DBAB81 · #AB8A78 · #584500

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Wheat (#EDD6B3): A whisper-light, dusty gold — the color of old brass.
• Sand (#DBAB81): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AB8A78): A luminous, dusty gold — the color of old brass.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Dusty Taupe color palette (#FEF1F5, #B6D4B5, #B9936E, #8D6879, #3F4C41)
• Patina Thicket color palette (#F6F7E7, #A7D192, #E89AC6, #B69269, #3D3E37)
• Marigold Station color palette (#FAEDD8, #D0CD75, #CE9B00, #B26D31, #2C3B15)
• Weathered Summit color palette (#F5E4D9, #C5945A, #BF5C1E, #933739, #1D1500)
• Driftwood Canyon color palette (#FDEDF2, #A7C4AA, #9E7585, #6E4C60, #213026)
• Amber Atelier color palette (#EEE6D7, #ACBA6F, #A68D17, #955D00, #252600)
• Wandering Lantern color palette (#F0F8EE, #70CFC7, #C885C9, #9E7F48, #2E392C)
• Aged Chestnut Villa color palette (#F8EDDF, #928036, #825500, #672A00, #030400)

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