Cocoa Studio color palette — #F1E6DF · #C7AF9B · #A99076 · #803D1A · #1C1109

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

The five colors

• Parchment (#F1E6DF): a clean, paper-quiet neutral.
• Rosewood Mist (#C7AF9B): A luminous, dusty gold — the color of old brass.
• Caramel (#A99076): A luminous, dusty gold — the color of old brass.
• Bronze (#803D1A): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1C1109): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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

• Dusty Mulberry color palette (#EADBDA, #C5AEA9, #AD8D82, #882955, #210D0C)
• Tempered Cocoa Ridge color palette (#EDE3D6, #AEA392, #918569, #5D3E00, #100700)
• Aged Garnet color palette (#F7ECE6, #D8CEC2, #AEA689, #8E1B00, #070100)
• Rust Orchard color palette (#F0E6EC, #BCABAA, #92B195, #C04100, #1F0C19)
• Fern Ridge color palette (#F1F0E7, #C5C6B1, #A4A887, #576921, #22200E)
• Softworn Courtyard color palette (#F3DAC4, #FF7A38, #C67300, #866500, #130800)
• Misty Moss color palette (#EEE4CD, #8A8900, #4D5A00, #552C00, #111100)
• Pale Bronze Hollow color palette (#F9E2C7, #A68200, #6C691A, #0A4D3E, #002120)

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