Tempered Cocoa color palette — #FBF4E9 · #E6CE9C · #8E7B4D · #654700 · #2F2B23

Built around Bronze, softened by Wheat — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Wheat (#E6CE9C): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8E7B4D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2B23): quiet, heavy and certain.

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 Workshop color palette (#F9F4EC, #D5BC96, #79580B, #3C3832, #24251A)
• Patina Honey color palette (#F3F8E8, #E5BF6B, #49805D, #41433C, #202318)
• Wandering Taupe color palette (#F0F7F2, #C8E8CD, #AF9D6B, #7B6B41, #212F25)
• Muted Teal Study color palette (#F8F5ED, #DAD49A, #5CAD9C, #948E5B, #283124)
• Timeworn Driftwood Ridge color palette (#EEF8F1, #B8E0EA, #988452, #2E4F38, #141E17)
• Timeworn Bronze color palette (#EBE0C4, #936E00, #322C00, #1A221C, #080600)
• Mustard Delta color palette (#FCF4E4, #BEAB5B, #74A1C7, #966D7B, #403D36)
• Worn Marigold color palette (#E2DFCA, #CE9C0D, #4B5E00, #232E00, #0E0B01)

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