Cocoa Studio color palette — #E7F2E4 · #8FC7D5 · #709C90 · #83635D · #6F3510
Bronze takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F2E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#8FC7D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Eucalyptus (#709C90): A luminous, dusty teal — the color of glacier melt.
- Pewter (#83635D): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#6F3510): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Aged Driftwood color palette (#E9EAC4, #AFBF9D, #769778, #846069, #5A3D3D)
- Wandering Cocoa color palette (#B1F0F7, #97C4AF, #7A8AB4, #8A6356, #6A3C00)
- Weathered Periwinkle color palette (#E0FBFF, #AAD6EB, #72A3D6, #885661, #523749)
- Worn Studio color palette (#CFEDEA, #72A2B8, #52709F, #6B4339, #43250B)
- Seafoam Station color palette (#C3EBDF, #92D0C4, #81AECA, #987D58, #2F4930)
- Bronze Studio color palette (#E5FBF3, #E5D0E2, #BA9CA7, #A6703E, #634800)
- Frosted Periwinkle Atelier color palette (#D3E4EC, #7FACF3, #817AAE, #994D26, #4C3600)
- Ancient Orchard color palette (#D6E6FF, #BAB6EC, #B682B4, #876C36, #454C0F)
Browse the whole catalog at Explore, or see today's palette.