Cocoa Studio color palette — #FFF2EB · #F3E7AB · #A2644F · #5A2800 · #190C05

Espresso and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#F3E7AB): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#A2644F): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5A2800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#190C05): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Bronze Terrace color palette (#FAF4EC, #DEE0CC, #A87D3F, #603E00, #201A12)
• Dusty Sand Chapel color palette (#FDF5E0, #FFD180, #786C00, #352F00, #0B0700)
• Timeworn Chestnut color palette (#F8F0EA, #D5AB76, #853E08, #3B2008, #150902)
• Lowlit Amber Study color palette (#F1D9C8, #A88B00, #461E00, #0E0B05, #030100)
• Weathered Amber Parlor color palette (#FDF1F7, #F4CEA0, #C28462, #885538, #2A1D24)
• Washed Mustard color palette (#FFF3E7, #ECBD00, #7F4900, #2F1800, #020100)
• Amber Garden color palette (#FCF3EE, #EDD9BD, #61B27F, #C86E40, #101404)
• Ancient Meadow color palette (#FFF2E9, #F39964, #69A6CB, #3B7A9E, #351F0D)

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