Cocoa Studio color palette — #F5ECE7 · #C3B0A2 · #A99173 · #82392A · #1E1009

Built around Rust, softened by Caramel — the whole palette hums with sophistication.

The five colors

• Cream (#F5ECE7): bright and airy, almost weightless.
• Rosewood Mist (#C3B0A2): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A99173): A luminous, dusty gold — the color of old brass.
• Rust (#82392A): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1E1009): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: 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

• Cocoa Canyon color palette (#EAE1D8, #B0A38E, #8D866F, #643A00, #110700)
• Wandering Garnet color palette (#F3ECF0, #DACBD3, #BD9BA9, #8A2300, #080005)
• Ancient Grove color palette (#E1DED3, #C7C6AD, #A2A891, #656500, #231F11)
• Aged Loft color palette (#F3EAF1, #BFAAA9, #91B199, #D21606, #1F0B1C)
• Hazy Moss Terrace color palette (#EEE1CB, #8F8600, #485B00, #59252B, #121000)
• Timeworn Driftwood Cabin color palette (#F8F5ED, #D4DDCD, #B6C3B4, #8C8145, #3E3A30)
• Coral Lagoon color palette (#F3DCCC, #FF6E69, #D86A00, #796A00, #100600)
• Aged Amber Studio color palette (#F5DDCF, #B68100, #5D662A, #004157, #0B2041)

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