{"slug":"mocha","name":"Mocha","hex":"#967969","uses":["backgrounds","typography","product surfaces"],"psychology":{"associations":["restraint","clarity","balance"],"contexts":["interfaces","architecture","editorial design","packaging"],"avoidIn":["high-energy accent-only palettes"]},"aliases":[],"sourceType":"curated","confidence":"medium","reviewStatus":"manual","sourceUrl":"https://www.colorsencyclopedia.com/assets/colors.json","origin":{"type":"common","notes":"Curated common color reference used in design and editorial color systems."},"family":"orange","temperature":"warm","tone":["muted","earth-tone"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["orange","warm","muted","earth-tone","backgrounds","typography","product-surfaces","restraint","clarity","balance"],"popularity":84,"rgb":[150,121,105],"hsl":[21,18,50],"cmyk":[0,19,30,41],"luminance":0.2118,"contrast":{"black":5.24,"white":4.01},"harmonies":{"complementary":"#698696","analogous":["#96696F","#969069"],"triadic":["#699679","#796996"],"tetradic":["#6F9669","#698696","#906996"],"splitComplementary":["#699690","#696F96"],"monochromatic":["#BCA99F","#967969","#604D43"]},"variants":{"light":"#BCA99F","dark":"#604D43","saturated":"#B3704D","desaturated":"#808080","pastel":"#C1BFBD","neon":"#FF7429"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-mocha: #967969;","utility":".bg-mocha { background-color: #967969; }","textUtility":".text-mocha { color: #967969; }"},"nearestColors":["warm-gray","stone","titanium","oak","zinc"],"generatedPalettes":["mocha"],"generatedComparisons":["mocha-vs-stone","mocha-vs-warm-gray","rose-gold-vs-mocha"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/muted","/colors/by-tone/earth-tone"],"relatedTools":["/harmonies/mocha","/wcag/mocha","/css/colors/mocha","/hex/967969"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/muted","/colors/by-tone/earth-tone"],"narrower":["/palettes/mocha"],"related":["/colors/warm-gray","/colors/stone","/colors/titanium","/colors/oak","/colors/zinc","/compare/mocha-vs-stone","/compare/mocha-vs-warm-gray","/compare/rose-gold-vs-mocha","/harmonies/mocha","/wcag/mocha","/css/colors/mocha","/hex/967969"]},"url":"https://www.colorsencyclopedia.com/colors/mocha/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/mocha.json"}