Tempered Cocoa Veranda color palette — #E7DFD7 · #BFB8AC · #948E77 · #5F3C00 · #281D10

Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#E7DFD7): bright and airy, almost weightless.
• Stone (#BFB8AC): a calm mid-gray that lets other colors speak.
• Eucalyptus (#948E77): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5F3C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#281D10): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Cocoa Veranda 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 Driftwood color palette (#F0ECE4, #AEAA97, #84833B, #433600, #1A1203)
• Weathered Chestnut color palette (#EDE1E5, #BBC7C1, #87AEA8, #8A5100, #2B1920)
• Forest Basin color palette (#EDF0E5, #C8CFC2, #94A691, #19652F, #2D2F23)
• Dusty Alley color palette (#E7E4CC, #578856, #005236, #4A2201, #012203)
• Airy Tangerine Ridge color palette (#ECE0CB, #F27F0F, #A07E00, #406600, #181600)
• Dusty Study color palette (#EDDDBB, #865D00, #384200, #002545, #1C1500)
• Driftwood Coast color palette (#E9DEC6, #7E8F49, #34683E, #263558, #301C50)
• Antique Navy Cabin color palette (#FDEED6, #6F5300, #004135, #05006A, #280012)

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