Cocoa Studio color palette — #F6EDF2 · #B99BA6 · #768D7B · #732C00 · #10060C

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

The five colors

• Blush (#F6EDF2): bright and airy, almost weightless.
• Taupe (#B99BA6): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#768D7B): A luminous, dusty teal — the color of glacier melt.
• Rust (#732C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#10060C): A deep, shadowed, dusty pink — the color of neon signs at night.

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 Garnet Corridor color palette (#E9DEE9, #B59CAE, #9B7C8B, #702A35, #100511)
• Patina Cocoa color palette (#E1ECE2, #96AB9E, #669181, #5D3E00, #020C03)
• Antique Cocoa Courtyard color palette (#F3EAE3, #C5B8AD, #A28E77, #622800, #030100)
• Hushed Onyx Harbor color palette (#F4ECF1, #A5959A, #597967, #4D1600, #12040D)
• Ancient Terracotta color palette (#EAE1DC, #A3A193, #868C72, #A53D05, #140500)
• Washed Chestnut Boulevard color palette (#D9E3DB, #B6CAC0, #8FACA4, #775D00, #18221B)
• Antique Ember color palette (#F7DEE7, #FB5927, #B46D00, #696100, #050200)
• Washed Bronze color palette (#F7E1D0, #8E7216, #415701, #15344E, #0B0A2D)

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