Cocoa Studio color palette — #EBF1EB · #ACB6AD · #799582 · #5F3A00 · #050D04

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EBF1EB): bright and airy, almost weightless.
• Ash (#ACB6AD): soft and architectural.
• Eucalyptus (#799582): A luminous, dusty teal — the color of sea glass.
• Bronze (#5F3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#050D04): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Basalt Hollow color palette (#E4EDE6, #94A59B, #5E8676, #423500, #000602)
• Weathered Cocoa color palette (#F5EEE8, #C2B8A5, #958F6B, #653800, #291C10)
• Softworn Alley color palette (#E6DEE3, #BCAFB6, #A58290, #782200, #14050F)
• Fern Delta color palette (#E8F6EE, #C8D8D1, #89B7A9, #655D00, #012013)
• Chestnut Orchard color palette (#FBF3F5, #CCE2DF, #A1C4B8, #8A4F00, #18060E)
• Wandering Boulevard color palette (#EEF3EF, #D0D8D7, #ACC1C0, #936E25, #242F26)
• Faded Marigold color palette (#D5E9DA, #DC9100, #947800, #5C6400, #060500)
• Worn Chestnut color palette (#D4EBDD, #796200, #3A4000, #002421, #070500)

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