Tempered Cocoa Study color palette — #F7F3FF · #FECDE4 · #E1A3A9 · #C1796F · #713818

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FECDE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#E1A3A9): A luminous, dusty red — the color of late-summer berries.
• Caramel (#C1796F): A luminous, balanced orange — the color of autumn markets.
• Bronze (#713818): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Tempered Cocoa Study 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

• Driftwood Drift color palette (#FFEDEE, #E5A9C6, #BC6B77, #854038, #4D1D00)
• Hushed Bronze Study color palette (#F2F5FF, #E5BCE0, #CC8D9C, #A25F4A, #614500)
• Patina Garnet color palette (#F2F5FF, #E2D4FF, #CFA4D4, #B1799A, #6D283F)
• Hushed Field color palette (#FFF0FD, #FFCDBB, #DAA984, #AF8B4F, #544500)
• Stone Atelier color palette (#E8FBEC, #F1C0D9, #D89D96, #619796, #4F4353)
• Coral Canyon color palette (#FFE2ED, #FFB2BC, #FA7D67, #BD5300, #4E3000)
• Ember Field color palette (#FFE8ED, #F28C8B, #E26826, #945000, #2F1F00)
• Weathered Blush Chapel color palette (#F9EDFB, #F498AA, #867582, #59525B, #232027)

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