Tempered Cocoa Studio color palette — #FFF1F4 · #F2CBCE · #CEB0AD · #AC8E75 · #6A4500

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#F2CBCE): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#CEB0AD): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AC8E75): A luminous, dusty gold — the color of old brass.
• Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Aged Olive Alley color palette (#FFF0FD, #E6C0CA, #B69793, #6F803D, #45540A)
• Worn Bronze Cabin color palette (#F9E6F3, #E2A3BB, #C38489, #996F24, #433900)
• Muted Driftwood color palette (#F0DFD3, #CCC29F, #BAA588, #74946F, #1B4B36)
• Pine Dune color palette (#FFE2DA, #BF967A, #A08059, #4C7041, #00321B)
• Dusty Driftwood Cabin color palette (#F0EFFF, #BAAFD1, #AF798F, #6F525F, #2C392B)
• Timeworn Driftwood Boulevard color palette (#FFE5FC, #B683A0, #A55F6F, #78501D, #291E00)
• Patina Basalt Market color palette (#F6F6E8, #BEE0BB, #89BA97, #7C9884, #424700)
• Wandering Driftwood Coast color palette (#EFF6FF, #D9D7EE, #AFACC8, #747F51, #1E585C)

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