Cocoa Studio color palette — #F7E4D4 · #B0906F · #895629 · #6D3001 · #342F2A

A conversation between Rust and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F7E4D4): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B0906F): A luminous, dusty gold — the color of old brass.
• Coffee (#895629): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6D3001): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#342F2A): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Softworn Basin color palette (#EEE8D3, #949C6B, #69671F, #4F4400, #31312A)
• Muted Bronze Villa color palette (#F8E1EA, #C6A97B, #B06E38, #804A40, #1F362A)
• Cocoa Pier color palette (#EEDFCE, #8E703E, #613C00, #3E1F00, #1E1400)
• Gentle Orchard color palette (#F1F0D8, #5A7E21, #98404C, #6F2F00, #2A280B)
• Abyss Hollow color palette (#ECF1E6, #98A268, #005038, #00291B, #03150A)
• Denim Corridor color palette (#F0F7F1, #58A9AA, #00668B, #005B5D, #031E14)
• Teal Alley color palette (#EDE7F7, #78B8FF, #00BAB2, #053B2F, #1B2319)
• Weathered Navy Atelier color palette (#B4ECFF, #50A9D3, #006BA1, #00407D, #021F85)

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