Tempered Cocoa color palette — #FCEFE6 · #C6A486 · #98684C · #753822 · #2F1F0D

Built around Rust, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Camel (#C6A486): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#98684C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#753822): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2F1F0D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Worn Bronze color palette (#F8F1E7, #C5BAA4, #A27B3B, #715124, #322B1B)
• Aged Chestnut Archive color palette (#EEDDCF, #B09274, #8F5421, #662A00, #241400)
• Bronze Veranda color palette (#FFF0F8, #C3A078, #9C6243, #734240, #304236)
• Tempered Villa color palette (#F1E9CF, #9FA56F, #746E08, #504300, #182000)
• Aged Amber color palette (#FFF0F8, #DCAFC2, #C07D55, #8D5A48, #4B363D)
• Hushed Thicket color palette (#EEF5E6, #359B79, #A66138, #684D00, #141E07)
• Inked Chestnut color palette (#EEDCCC, #865504, #512B00, #2A0F00, #030100)
• Timeworn Aubergine color palette (#FFDFF2, #ACA3D4, #896AAE, #6E2588, #38003D)

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