Tempered Cocoa color palette — #FBEFE9 · #D7A979 · #823F28 · #421A0B · #160903

A conversation between Bronze and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Camel (#D7A979): A luminous, balanced gold — the color of old brass.
• Bronze (#823F28): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#421A0B): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#160903): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Timeworn Chestnut Studio color palette (#F8F0E9, #D8BF9C, #825722, #35302B, #19130C)
• Worn Marigold color palette (#FAF1E2, #CCA133, #604800, #2A1F00, #0D0600)
• Bronze Veranda color palette (#FFE7BF, #C8AF6E, #837600, #505000, #1C2500)
• Amber Basin color palette (#ECE3D1, #AA8924, #433800, #171200, #030100)
• Patina Moss Veranda color palette (#F7F2DF, #8A8D1B, #008687, #005B76, #201A03)
• Gentle Plum color palette (#FDEDEE, #A55590, #00677C, #083B78, #1F0F16)
• Weathered Chestnut color palette (#FBEFE6, #D6AB70, #824100, #392109, #130A04)
• Terracotta Lantern color palette (#FAEFEB, #D5A985, #8B3435, #3C1E13, #160805)

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