Tempered Cocoa Lantern color palette — #FEF4E3 · #E7D8B8 · #C7B391 · #A68E6E · #594500

A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E7D8B8): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#C7B391): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A68E6E): A luminous, dusty gold — the color of old brass.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Tempered 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

• Worn Corridor color palette (#FAE4CF, #DBBB98, #C59165, #9E6D4F, #34302A)
• Driftwood Grove color palette (#EBF5ED, #A3C5AF, #96804B, #426144, #1F3128)
• Linen Bronze Coast color palette (#F4DDC2, #C0984F, #A76F15, #834A00, #1D1500)
• Hushed Bronze color palette (#F8EFCE, #C3D091, #A8A95A, #8F802D, #2D3B13)
• Dusty Chestnut Workshop color palette (#E7E0D1, #87843B, #6F6000, #4F3C00, #030400)
• Aged Powder Terrace color palette (#FDF1FE, #9DC7F3, #A1C293, #6DA893, #443846)
• Ancient Loft color palette (#FBF2F9, #FFD2C8, #B492AC, #7C6576, #332730)
• Garnet Meadow color palette (#FCF1FF, #F6D1F3, #D8A2C5, #B47291, #723249)

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