Tempered Cocoa color palette — #FDF3ED · #F6C792 · #A26F5D · #753C13 · #322924

Built around Bronze, softened by Cantaloupe — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Cantaloupe (#F6C792): A whisper-light, balanced gold — the color of honey in a jar.
• Mocha (#A26F5D): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#753C13): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#322924): a grounded near-black with real depth.

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

• Antique Quarry color palette (#FDF3EF, #C2E6D4, #A67A6B, #5F3C30, #251713)
• Dusty Mustard color palette (#FCF4E6, #E0C071, #817133, #45423B, #262117)
• Cocoa Courtyard color palette (#FEF2ED, #D4BD98, #7F5048, #5E2401, #2A241A)
• Muted Driftwood color palette (#FBF4EE, #FBC49F, #AC9A63, #B47E5A, #312D27)
• Dusty Villa color palette (#EDDDC4, #B88A00, #584100, #241900, #040200)
• Softworn Mustard Chapel color palette (#FEF4E3, #DEB870, #989565, #627655, #5D4200)
• Apricot Alley color palette (#FFF2EA, #E19671, #8EA570, #8E6D91, #5F2E00)
• Muted Chapel color palette (#F8E6DB, #9E6700, #491C00, #1A1D13, #0F0300)

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