Tempered Cocoa color palette — #F8EEFA · #C6B084 · #7F3D4B · #480F1F · #120913

Built around Coffee, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F8EEFA): bright and airy, almost weightless.
• Camel (#C6B084): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F3D4B): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#480F1F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#120913): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Mulberry Orchard color palette (#FDF2F1, #95BC83, #7C335A, #451F33, #281A11)
• Dusty Meadow color palette (#FFECF3, #CBA13F, #6F3E00, #331900, #140209)
• Plum Chapel color palette (#FFF2EF, #E0C07D, #A85265, #5E362E, #2D1D1A)
• Soft Coast color palette (#F0D8EB, #BB8C00, #790500, #310100, #0B0000)
• Brick Quarry color palette (#F5F0F5, #E59D9A, #88741B, #AD3239, #021208)
• Muted Pewter Veranda color palette (#F8F3FB, #CEF2C4, #9C617B, #57243C, #140B1A)
• Ancient Bronze color palette (#F6F0F3, #DED4D3, #B0C4C0, #9E644D, #34282F)
• Hushed Archive color palette (#E3F8E7, #C68D6E, #836700, #004F61, #361724)

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