Tempered Cocoa color palette — #F2E7DC · #BF995F · #663A00 · #2C1600 · #0B0400

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

The five colors

• Parchment (#F2E7DC): bright and airy, almost weightless.
• Camel (#BF995F): A luminous, balanced gold — the color of old brass.
• Bronze (#663A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2C1600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Chestnut Lagoon color palette (#F8F1E5, #CEAF6F, #6D5000, #352405, #110B04)
• Washed Moss color palette (#E6E8D8, #9A9100, #0E4502, #021800, #020200)
• Worn Bronze Chapel color palette (#F4E7D7, #9B6F00, #3B2400, #101A1A, #0E0600)
• Quiet Chapel color palette (#F2E9CE, #859236, #2E6B16, #00414A, #1C1800)
• Sunlit Chapel color palette (#E7EAC5, #96AB4E, #497400, #0B4504, #00200C)
• Hazy Olive Boulevard color palette (#EBEAD8, #5B8400, #007182, #004772, #131100)
• Worn Amber Market color palette (#F0E8DC, #C09949, #5D4100, #271900, #0A0400)
• Cocoa Archive color palette (#F6E6DA, #C69558, #723100, #321100, #0C0300)

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