{"datasetVersion":"1.0.0","tone":"neutral","label":"Neutral Colors","description":"Neutral colors sit near gray, black, white, or low-saturation families. They are useful for typography, surfaces, borders, backgrounds, layout systems, and pairing with stronger accent colors.","url":"https://www.colorsencyclopedia.com/colors/by-tone/neutral/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/by-tone/neutral.json","count":5,"dominantTemperature":"neutral","familyGroups":[{"family":"gray","count":3,"url":"https://www.colorsencyclopedia.com/colors/by-tone/neutral/"},{"family":"yellow","count":2,"url":"https://www.colorsencyclopedia.com/colors/by-tone/neutral/"}],"temperatureGroups":[{"temperature":"neutral","count":2,"url":"https://www.colorsencyclopedia.com/colors/by-temperature/neutral/"},{"temperature":"warm","count":2,"url":"https://www.colorsencyclopedia.com/colors/by-temperature/warm/"},{"temperature":"cool","count":1,"url":"https://www.colorsencyclopedia.com/colors/by-temperature/cool/"}],"semanticGroups":["neutral colors","neutral color tone","neutral gray colors","neutral yellow colors","neutral neutral colors","cool neutral colors","warm neutral colors"],"signatureColors":[{"slug":"charcoal","name":"Charcoal","hex":"#36454F","family":"gray","temperature":"cool","popularity":88,"url":"https://www.colorsencyclopedia.com/colors/charcoal/"},{"slug":"black","name":"Black","hex":"#000000","family":"gray","temperature":"neutral","popularity":84,"url":"https://www.colorsencyclopedia.com/colors/black/"},{"slug":"white","name":"White","hex":"#FFFFFF","family":"gray","temperature":"neutral","popularity":84,"url":"https://www.colorsencyclopedia.com/colors/white/"},{"slug":"cream","name":"Cream","hex":"#FFFDD0","family":"yellow","temperature":"warm","popularity":73,"url":"https://www.colorsencyclopedia.com/colors/cream/"},{"slug":"ivory","name":"Ivory","hex":"#FFFFF0","family":"yellow","temperature":"warm","popularity":69,"url":"https://www.colorsencyclopedia.com/colors/ivory/"}],"popularColors":[{"slug":"charcoal","name":"Charcoal","hex":"#36454F","family":"gray","temperature":"cool","tone":["dark","neutral"],"popularity":88,"url":"https://www.colorsencyclopedia.com/colors/charcoal/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/charcoal.json"},{"slug":"black","name":"Black","hex":"#000000","family":"gray","temperature":"neutral","tone":["dark","neutral"],"popularity":84,"url":"https://www.colorsencyclopedia.com/colors/black/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/black.json"},{"slug":"white","name":"White","hex":"#FFFFFF","family":"gray","temperature":"neutral","tone":["light","neutral"],"popularity":84,"url":"https://www.colorsencyclopedia.com/colors/white/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/white.json"},{"slug":"cream","name":"Cream","hex":"#FFFDD0","family":"yellow","temperature":"warm","tone":["light","neutral"],"popularity":73,"url":"https://www.colorsencyclopedia.com/colors/cream/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/cream.json"},{"slug":"ivory","name":"Ivory","hex":"#FFFFF0","family":"yellow","temperature":"warm","tone":["light","neutral"],"popularity":69,"url":"https://www.colorsencyclopedia.com/colors/ivory/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/ivory.json"}],"colors":[{"slug":"charcoal","name":"Charcoal","hex":"#36454F","rgb":[54,69,79],"hsl":[204,19,26],"cmyk":[32,13,0,69],"family":"gray","temperature":"cool","tone":["dark","neutral"],"popularity":88,"luminance":0.0561,"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"url":"https://www.colorsencyclopedia.com/colors/charcoal/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/charcoal.json"},{"slug":"black","name":"Black","hex":"#000000","rgb":[0,0,0],"hsl":[0,0,0],"cmyk":[0,0,0,100],"family":"gray","temperature":"neutral","tone":["dark","neutral"],"popularity":84,"luminance":0,"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"url":"https://www.colorsencyclopedia.com/colors/black/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/black.json"},{"slug":"white","name":"White","hex":"#FFFFFF","rgb":[255,255,255],"hsl":[0,0,100],"cmyk":[0,0,0,0],"family":"gray","temperature":"neutral","tone":["light","neutral"],"popularity":84,"luminance":1,"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/colors/white/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/white.json"},{"slug":"cream","name":"Cream","hex":"#FFFDD0","rgb":[255,253,208],"hsl":[57,100,91],"cmyk":[0,1,18,0],"family":"yellow","temperature":"warm","tone":["light","neutral"],"popularity":73,"luminance":0.9606,"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/colors/cream/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/cream.json"},{"slug":"ivory","name":"Ivory","hex":"#FFFFF0","rgb":[255,255,240],"hsl":[60,100,97],"cmyk":[0,0,6,0],"family":"yellow","temperature":"warm","tone":["light","neutral"],"popularity":69,"luminance":0.9907,"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/colors/ivory/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/ivory.json"}],"generatedAt":"2026-07-23T19:04:03.484Z"}