Tempered Cocoa color palette — #FFF3E6 · #C3A16B · #8B6C46 · #754407 · #403D36

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C3A16B): A luminous, balanced gold — the color of old brass.
• Walnut (#8B6C46): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#754407): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#403D36): a grounded near-black with real depth.

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

Use it as a design system

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

• Amber Lagoon color palette (#F8E4D0, #B88E52, #855926, #613918, #34302A)
• Ancient Chestnut color palette (#FAF5E7, #C4B88D, #878255, #775809, #534800)
• Softworn Cocoa Orchard color palette (#FFF1F3, #E28B8C, #B05F54, #81371E, #4E3600)
• Driftwood Cabin color palette (#FFF1F5, #A5C9AB, #AF865B, #825B70, #2D4336)
• Worn Garden color palette (#F5E9D9, #947000, #5D3F00, #3B2100, #1C1500)
• Raspberry Loft color palette (#FFF1F1, #B85B97, #9C621B, #625202, #422C2C)
• Ancient Lagoon color palette (#FFF1F2, #E19B7F, #703B65, #442326, #241914)
• Tempered Blush Basin color palette (#FFF1F1, #EB8ABF, #AD4C4C, #86476A, #321F18)

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