Tempered Cocoa color palette — #FFF1F3 · #FFCECF · #E2A59D · #C27E6B · #723918

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFCECF): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#E2A59D): A luminous, dusty orange — the color of toasted spice.
• Caramel (#C27E6B): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#723918): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, 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

• Timeworn Bronze color palette (#F6F3FF, #F7BDD2, #CB8F8B, #9A6240, #623E00)
• Antique Stone Thicket color palette (#FFF0F7, #FED5AF, #DCB47D, #A38951, #574800)
• Timeworn Garnet color palette (#FCF1FF, #F6C8F2, #DCA5CA, #BD7A9C, #6E2A45)
• Stone Delta color palette (#FFF1F6, #FFBCBE, #DA9E8A, #8D9064, #544151)
• Feathered Tangerine color palette (#FFE3DE, #FFB59F, #F07E3B, #B46000, #4C2E00)
• Pale Garden color palette (#FFE1D6, #F29B67, #D07600, #8C5A00, #2D1E00)
• Softworn Stone Dune color palette (#F9EDF8, #EBA09C, #887582, #5B5159, #242025)
• Patina Stone Hollow color palette (#F8F3FA, #E0D7DA, #97C6B5, #BEAEAB, #555157)

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