Cocoa Studio color palette — #F3E5D7 · #A79471 · #835A25 · #6A3118 · #313309

Rust takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F3E5D7): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A79471): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#835A25): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6A3118): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#313309): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Worn Chestnut Dune color palette (#F6E6CD, #8A8C4C, #6B5200, #522C00, #272600)
• Hushed Chestnut Atelier color palette (#FBF4E8, #AEA78B, #807245, #734608, #404000)
• Gentle Garnet color palette (#F4D8C5, #C17C2C, #973900, #75001E, #352700)
• Linen Forest Garden color palette (#FEF3EB, #D1835A, #007131, #803700, #171B01)
• Wandering Olive color palette (#FFDCC8, #B89455, #736B00, #2B4B00, #003623)
• Timeworn Cocoa color palette (#FCEBE1, #A79D65, #68301A, #3E1000, #191000)
• Weathered Taupe Chapel color palette (#FCDFE8, #D5C083, #C19461, #9A6E5C, #17372C)
• Washed Olive Delta color palette (#F0EBDD, #5C7036, #3F3900, #281900, #001002)

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