Cocoa Studio color palette — #FFF2EE · #E0D9CF · #E0B390 · #976C86 · #7A3B24
A conversation between Bronze and Sand, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CF): bright and airy, almost weightless.
- Sand (#E0B390): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#976C86): A full-bodied, dusty pink — the color of neon signs at night.
- Bronze (#7A3B24): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
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
- Softworn Studio color palette (#FFF1F4, #E8D6CC, #F9A9B3, #7E75A9, #624A4D)
- Weathered Ridge color palette (#FFF2EB, #E0F3BC, #DEDBCC, #AB7B7D, #794510)
- Patina Stone color palette (#FFEDEB, #E1D5C9, #C9C388, #9A7183, #3E2621)
- Bronze Summit color palette (#FFF3E6, #BAA381, #946836, #6F462F, #403D36)
- Mustard Summit color palette (#FFF3E7, #FFDC84, #B0BA55, #A25436, #573E16)
- Timeworn Plum color palette (#FFEEE7, #FFC49E, #D59C00, #AA345B, #522716)
- Ancient Chestnut Orchard color palette (#FCF3EC, #DE9E71, #727400, #914A00, #282415)
- Garnet Grove color palette (#FAE8E2, #E89579, #A56E00, #750043, #340D05)
Browse the whole catalog at Explore, or see today's palette.