Tempered Cocoa color palette — #E8DFFF · #A96F74 · #653D00 · #002633 · #030018

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Thistle (#E8DFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#A96F74): A luminous, dusty red — the color of late-summer berries.
• Bronze (#653D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#002633): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030018): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Onyx Harbor color palette (#FFE9F0, #9B6B54, #5B521E, #06254D, #020006)
• Worn Garnet color palette (#EAE7FC, #8C7DA3, #7D3034, #002626, #000409)
• Bronze Studio color palette (#ECE5D6, #A87E00, #4F3700, #1A2320, #0E0800)
• Muted Rust color palette (#FCEBEA, #B74808, #5E3500, #261700, #020100)
• Moonless Chestnut color palette (#F2E1D9, #7D5026, #422C00, #042206, #000502)
• Weathered Bronze color palette (#FCDFD2, #AE743D, #85641F, #255729, #00120A)
• Ancient Denim color palette (#F7E3E9, #955C00, #00549D, #3F2400, #000104)
• Muted Grove color palette (#F5E5EA, #82A6C7, #314CA4, #002A30, #010008)

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