Colors EncyclopediaColor tone
Light Colors
Light colors group 67 named swatches by visual character, including Alabaster, Arctic Blue, and Baby Pink. According to Colors Encyclopedia, each tone group links practical color names to HEX values, families, temperature labels, luminance, WCAG contrast, and matching color detail pages.
Light colors have high lightness and a soft visual footprint. They are useful for backgrounds, surfaces, subtle dividers, spacious UI, product pages, and designs that need an open feel.
67named colors
Warmdominant temperature
9family groups
Light Signature Palette
Representative light colors selected from the highest-priority named swatches in this tone group.
Popular Light Colors
The most useful light colors for palettes, interfaces, branding, accessibility checks, and design-system references.
Alabaster
#EDEAE0yellow · warm · lightArctic Blue#C6E6FBblue · cool · light, pastelBaby Pink#F4C2C2red · warm · lightCanvas#F4EBD0yellow · warm · lightChampagne#F7E7CEorange · warm · light, pastelCherry Blossom#FFB7C5red · warm · light, pastelCloud#F5F6F7blue · cool · lightCool White#F4F8FFblue · cool · light, pastelDuck Egg Blue#C3FBF4cyan · cool · light, pastelEggshell#F0EAD6yellow · warm · lightFog#D7DDE0blue · cool · lightIce Blue#D6F5FFblue · cool · light, pastelMachine-readable data
Machine-Readable Light Color Tone (JSON)
Structured light color tone data with family groups, signature colors, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.
toneCanonical color tone slugcountNumber of named colorsfamilyGroupsIn-page family clusterssignatureColorsRepresentative tone palettesemanticGroupsAI-readable tone labelspopularColorsHighest-priority color recordsStructured sections
Tone
{
"tone": "light",
"label": "Light Colors",
"count": 67,
"dominantTemperature": "warm"
}Family groups
[
{
"family": "yellow",
"count": 16,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "orange",
"count": 14,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "blue",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "red",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "gray",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "cyan",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "green",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "purple",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "pink",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
}
]Signature colors
[
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"family": "red",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-pink/"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/champagne/"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"family": "cyan",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/eggshell/"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/fog/"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/"
},
{
"slug": "linen-white",
"name": "Linen White",
"hex": "#FAF0E6",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/linen-white/"
},
{
"slug": "magnolia",
"name": "Magnolia",
"hex": "#F8F4FF",
"family": "purple",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/magnolia/"
}
]Semantic groups
[
"light colors",
"light color tone",
"light yellow colors",
"light orange colors",
"light blue colors",
"light red colors",
"light gray colors",
"light cyan colors",
"warm light colors",
"cool light colors",
"neutral light colors"
]Popular colors
[
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"family": "red",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-pink.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/champagne/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/champagne.json"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cherry-blossom.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/eggshell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eggshell.json"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/fog/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/fog.json"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ice-blue.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"tone": "light",
"label": "Light Colors",
"description": "Light colors have high lightness and a soft visual footprint. They are useful for backgrounds, surfaces, subtle dividers, spacious UI, product pages, and designs that need an open feel.",
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/light.json",
"count": 67,
"dominantTemperature": "warm",
"familyGroups": [
{
"family": "yellow",
"count": 16,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "orange",
"count": 14,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "blue",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "red",
"count": 9,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "gray",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "cyan",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "green",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "purple",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
},
{
"family": "pink",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/light/"
}
],
"temperatureGroups": [
{
"temperature": "warm",
"count": 41,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/warm/"
},
{
"temperature": "cool",
"count": 21,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/"
},
{
"temperature": "neutral",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/neutral/"
}
],
"semanticGroups": [
"light colors",
"light color tone",
"light yellow colors",
"light orange colors",
"light blue colors",
"light red colors",
"light gray colors",
"light cyan colors",
"warm light colors",
"cool light colors",
"neutral light colors"
],
"signatureColors": [
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"family": "red",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-pink/"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/champagne/"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"family": "cyan",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/eggshell/"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/fog/"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/"
},
{
"slug": "linen-white",
"name": "Linen White",
"hex": "#FAF0E6",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/linen-white/"
},
{
"slug": "magnolia",
"name": "Magnolia",
"hex": "#F8F4FF",
"family": "purple",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/magnolia/"
}
],
"popularColors": [
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"family": "red",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/baby-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-pink.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/champagne/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/champagne.json"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cherry-blossom.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/eggshell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eggshell.json"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/fog/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/fog.json"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ice-blue.json"
}
],
"colors": [
{
"slug": "alabaster",
"name": "Alabaster",
"hex": "#EDEAE0",
"rgb": [
237,
234,
224
],
"hsl": [
46,
27,
90
],
"cmyk": [
0,
1,
5,
7
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8223,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/alabaster/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alabaster.json"
},
{
"slug": "arctic-blue",
"name": "Arctic Blue",
"hex": "#C6E6FB",
"rgb": [
198,
230,
251
],
"hsl": [
204,
87,
88
],
"cmyk": [
21,
8,
0,
2
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7556,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/arctic-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/arctic-blue.json"
},
{
"slug": "baby-pink",
"name": "Baby Pink",
"hex": "#F4C2C2",
"rgb": [
244,
194,
194
],
"hsl": [
0,
69,
86
],
"cmyk": [
0,
20,
20,
4
],
"family": "red",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.6171,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/baby-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/baby-pink.json"
},
{
"slug": "canvas",
"name": "Canvas",
"hex": "#F4EBD0",
"rgb": [
244,
235,
208
],
"hsl": [
45,
62,
89
],
"cmyk": [
0,
4,
15,
4
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.832,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/canvas/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/canvas.json"
},
{
"slug": "champagne",
"name": "Champagne",
"hex": "#F7E7CE",
"rgb": [
247,
231,
206
],
"hsl": [
37,
72,
89
],
"cmyk": [
0,
6,
17,
3
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.8138,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/champagne/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/champagne.json"
},
{
"slug": "cherry-blossom",
"name": "Cherry Blossom",
"hex": "#FFB7C5",
"rgb": [
255,
183,
197
],
"hsl": [
348,
100,
86
],
"cmyk": [
0,
28,
23,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.5916,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cherry-blossom.json"
},
{
"slug": "cloud",
"name": "Cloud",
"hex": "#F5F6F7",
"rgb": [
245,
246,
247
],
"hsl": [
210,
11,
96
],
"cmyk": [
1,
0,
0,
3
],
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.9204,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cloud/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cloud.json"
},
{
"slug": "cool-white",
"name": "Cool White",
"hex": "#F4F8FF",
"rgb": [
244,
248,
255
],
"hsl": [
218,
100,
98
],
"cmyk": [
4,
3,
0,
0
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.9359,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cool-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-white.json"
},
{
"slug": "duck-egg-blue",
"name": "Duck Egg Blue",
"hex": "#C3FBF4",
"rgb": [
195,
251,
244
],
"hsl": [
173,
88,
87
],
"cmyk": [
22,
0,
3,
2
],
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.8713,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/duck-egg-blue.json"
},
{
"slug": "eggshell",
"name": "Eggshell",
"hex": "#F0EAD6",
"rgb": [
240,
234,
214
],
"hsl": [
46,
46,
89
],
"cmyk": [
0,
3,
11,
6
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8223,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/eggshell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eggshell.json"
},
{
"slug": "fog",
"name": "Fog",
"hex": "#D7DDE0",
"rgb": [
215,
221,
224
],
"hsl": [
200,
13,
86
],
"cmyk": [
4,
1,
0,
12
],
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7154,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/fog/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/fog.json"
},
{
"slug": "ice-blue",
"name": "Ice Blue",
"hex": "#D6F5FF",
"rgb": [
214,
245,
255
],
"hsl": [
195,
100,
92
],
"cmyk": [
16,
4,
0,
0
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.8682,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ice-blue.json"
},
{
"slug": "linen-white",
"name": "Linen White",
"hex": "#FAF0E6",
"rgb": [
250,
240,
230
],
"hsl": [
30,
67,
94
],
"cmyk": [
0,
4,
8,
2
],
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8836,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/linen-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/linen-white.json"
},
{
"slug": "magnolia",
"name": "Magnolia",
"hex": "#F8F4FF",
"rgb": [
248,
244,
255
],
"hsl": [
262,
100,
98
],
"cmyk": [
3,
4,
0,
0
],
"family": "purple",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.9188,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/magnolia/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/magnolia.json"
},
{
"slug": "marble-white",
"name": "Marble White",
"hex": "#F2F0E6",
"rgb": [
242,
240,
230
],
"hsl": [
50,
32,
93
],
"cmyk": [
0,
1,
5,
5
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8691,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/marble-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/marble-white.json"
},
{
"slug": "mercury",
"name": "Mercury",
"hex": "#EBEBEB",
"rgb": [
235,
235,
235
],
"hsl": [
0,
0,
92
],
"cmyk": [
0,
0,
0,
8
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8308,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mercury/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mercury.json"
},
{
"slug": "milk-blue",
"name": "Milk Blue",
"hex": "#D6EAF8",
"rgb": [
214,
234,
248
],
"hsl": [
205,
71,
91
],
"cmyk": [
14,
6,
0,
3
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7992,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/milk-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/milk-blue.json"
},
{
"slug": "moonstone",
"name": "Moonstone",
"hex": "#D9E6E8",
"rgb": [
217,
230,
232
],
"hsl": [
188,
25,
88
],
"cmyk": [
6,
1,
0,
9
],
"family": "cyan",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7717,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/moonstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/moonstone.json"
},
{
"slug": "morganite",
"name": "Morganite",
"hex": "#F5C6C6",
"rgb": [
245,
198,
198
],
"hsl": [
0,
70,
87
],
"cmyk": [
0,
19,
19,
4
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.6388,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/morganite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/morganite.json"
},
{
"slug": "paper-white",
"name": "Paper White",
"hex": "#F7F7F2",
"rgb": [
247,
247,
242
],
"hsl": [
60,
24,
96
],
"cmyk": [
0,
0,
2,
3
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.9271,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/paper-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/paper-white.json"
},
{
"slug": "parchment",
"name": "Parchment",
"hex": "#F1E9D2",
"rgb": [
241,
233,
210
],
"hsl": [
45,
53,
88
],
"cmyk": [
0,
3,
13,
5
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8163,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/parchment/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/parchment.json"
},
{
"slug": "pastel-mint",
"name": "Pastel Mint",
"hex": "#CEFAD0",
"rgb": [
206,
250,
208
],
"hsl": [
123,
81,
89
],
"cmyk": [
18,
0,
17,
2
],
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.8605,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-mint/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-mint.json"
},
{
"slug": "pastel-peach",
"name": "Pastel Peach",
"hex": "#FFDAB9",
"rgb": [
255,
218,
185
],
"hsl": [
28,
100,
86
],
"cmyk": [
0,
15,
27,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7491,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-peach/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-peach.json"
},
{
"slug": "pastel-pink",
"name": "Pastel Pink",
"hex": "#FFD1DC",
"rgb": [
255,
209,
220
],
"hsl": [
346,
100,
91
],
"cmyk": [
0,
18,
14,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7203,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-pink.json"
},
{
"slug": "periwinkle",
"name": "Periwinkle",
"hex": "#CCCCFF",
"rgb": [
204,
204,
255
],
"hsl": [
240,
100,
90
],
"cmyk": [
20,
20,
0,
0
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.6324,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/periwinkle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/periwinkle.json"
},
{
"slug": "platinum",
"name": "Platinum",
"hex": "#E5E4E2",
"rgb": [
229,
228,
226
],
"hsl": [
40,
5,
89
],
"cmyk": [
0,
0,
1,
10
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7764,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/platinum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/platinum.json"
},
{
"slug": "porcelain",
"name": "Porcelain",
"hex": "#F2F3F4",
"rgb": [
242,
243,
244
],
"hsl": [
210,
8,
95
],
"cmyk": [
1,
0,
0,
4
],
"family": "blue",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.8951,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/porcelain/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/porcelain.json"
},
{
"slug": "powder-coat-white",
"name": "Powder Coat White",
"hex": "#F8F8F2",
"rgb": [
248,
248,
242
],
"hsl": [
60,
30,
96
],
"cmyk": [
0,
0,
2,
3
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.935,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/powder-coat-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-coat-white.json"
},
{
"slug": "powder-lavender",
"name": "Powder Lavender",
"hex": "#DCD0FF",
"rgb": [
220,
208,
255
],
"hsl": [
255,
100,
91
],
"cmyk": [
14,
18,
0,
0
],
"family": "purple",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.6755,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/powder-lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-lavender.json"
},
{
"slug": "powder-pink",
"name": "Powder Pink",
"hex": "#FDDDE6",
"rgb": [
253,
221,
230
],
"hsl": [
343,
89,
93
],
"cmyk": [
0,
13,
9,
1
],
"family": "pink",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.7831,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/powder-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/powder-pink.json"
},
{
"slug": "quartz",
"name": "Quartz",
"hex": "#E7D9D1",
"rgb": [
231,
217,
209
],
"hsl": [
22,
31,
86
],
"cmyk": [
0,
6,
10,
9
],
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7122,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/quartz/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/quartz.json"
},
{
"slug": "sakura-pink",
"name": "Sakura Pink",
"hex": "#FFB7C5",
"rgb": [
255,
183,
197
],
"hsl": [
348,
100,
86
],
"cmyk": [
0,
28,
23,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.5916,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sakura-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sakura-pink.json"
},
{
"slug": "soft-mint",
"name": "Soft Mint",
"hex": "#D5F5E3",
"rgb": [
213,
245,
227
],
"hsl": [
146,
62,
90
],
"cmyk": [
13,
0,
7,
4
],
"family": "green",
"temperature": "cool",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.85,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/soft-mint/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/soft-mint.json"
},
{
"slug": "soft-yellow",
"name": "Soft Yellow",
"hex": "#FFF8B8",
"rgb": [
255,
248,
184
],
"hsl": [
54,
100,
86
],
"cmyk": [
0,
3,
28,
0
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 84,
"luminance": 0.9186,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/soft-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/soft-yellow.json"
},
{
"slug": "vellum",
"name": "Vellum",
"hex": "#EFE3C8",
"rgb": [
239,
227,
200
],
"hsl": [
42,
55,
86
],
"cmyk": [
0,
5,
16,
6
],
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.7746,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/vellum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/vellum.json"
},
{
"slug": "warm-white",
"name": "Warm White",
"hex": "#F8F4E3",
"rgb": [
248,
244,
227
],
"hsl": [
49,
60,
93
],
"cmyk": [
0,
2,
8,
3
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 84,
"luminance": 0.902,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/warm-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-white.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": "pink",
"name": "Pink",
"hex": "#FFC0CB",
"rgb": [
255,
192,
203
],
"hsl": [
350,
100,
88
],
"cmyk": [
0,
25,
20,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 82,
"luminance": 0.6327,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pink.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"
},
{
"slug": "lavender",
"name": "Lavender",
"hex": "#E6E6FA",
"rgb": [
230,
230,
250
],
"hsl": [
240,
67,
94
],
"cmyk": [
8,
8,
0,
2
],
"family": "purple",
"temperature": "cool",
"tone": [
"pastel",
"light"
],
"popularity": 69,
"luminance": 0.8032,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lavender.json"
},
{
"slug": "alice-blue",
"name": "Alice Blue",
"hex": "#F0F8FF",
"rgb": [
240,
248,
255
],
"hsl": [
208,
100,
97
],
"cmyk": [
6,
3,
0,
0
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9288,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/alice-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/alice-blue.json"
},
{
"slug": "antique-white",
"name": "Antique White",
"hex": "#FAEBD7",
"rgb": [
250,
235,
215
],
"hsl": [
34,
78,
91
],
"cmyk": [
0,
6,
14,
2
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.8465,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/antique-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/antique-white.json"
},
{
"slug": "azure",
"name": "Azure",
"hex": "#F0FFFF",
"rgb": [
240,
255,
255
],
"hsl": [
180,
100,
97
],
"cmyk": [
6,
0,
0,
0
],
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9727,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/azure/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/azure.json"
},
{
"slug": "beige",
"name": "Beige",
"hex": "#F5F5DC",
"rgb": [
245,
245,
220
],
"hsl": [
60,
56,
91
],
"cmyk": [
0,
0,
10,
4
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.8988,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/beige/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/beige.json"
},
{
"slug": "bisque",
"name": "Bisque",
"hex": "#FFE4C4",
"rgb": [
255,
228,
196
],
"hsl": [
33,
100,
88
],
"cmyk": [
0,
11,
23,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.8073,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/bisque/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bisque.json"
},
{
"slug": "blanched-almond",
"name": "Blanched Almond",
"hex": "#FFEBCD",
"rgb": [
255,
235,
205
],
"hsl": [
36,
100,
90
],
"cmyk": [
0,
8,
20,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.8508,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/blanched-almond/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/blanched-almond.json"
},
{
"slug": "cornsilk",
"name": "Cornsilk",
"hex": "#FFF8DC",
"rgb": [
255,
248,
220
],
"hsl": [
48,
100,
93
],
"cmyk": [
0,
3,
14,
0
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9356,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cornsilk/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cornsilk.json"
},
{
"slug": "floral-white",
"name": "Floral White",
"hex": "#FFFAF0",
"rgb": [
255,
250,
240
],
"hsl": [
40,
100,
97
],
"cmyk": [
0,
2,
6,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9592,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/floral-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/floral-white.json"
},
{
"slug": "gainsboro",
"name": "Gainsboro",
"hex": "#DCDCDC",
"rgb": [
220,
220,
220
],
"hsl": [
0,
0,
86
],
"cmyk": [
0,
0,
0,
14
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.7157,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/gainsboro/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gainsboro.json"
},
{
"slug": "ghost-white",
"name": "Ghost White",
"hex": "#F8F8FF",
"rgb": [
248,
248,
255
],
"hsl": [
240,
100,
99
],
"cmyk": [
3,
3,
0,
0
],
"family": "blue",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9431,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ghost-white/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ghost-white.json"
},
{
"slug": "honeydew",
"name": "Honeydew",
"hex": "#F0FFF0",
"rgb": [
240,
255,
240
],
"hsl": [
120,
100,
97
],
"cmyk": [
6,
0,
6,
0
],
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9634,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/honeydew/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/honeydew.json"
},
{
"slug": "lavender-blush",
"name": "Lavender Blush",
"hex": "#FFF0F5",
"rgb": [
255,
240,
245
],
"hsl": [
340,
100,
97
],
"cmyk": [
0,
6,
4,
0
],
"family": "pink",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9017,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lavender-blush/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lavender-blush.json"
},
{
"slug": "lemon-chiffon",
"name": "Lemon Chiffon",
"hex": "#FFFACD",
"rgb": [
255,
250,
205
],
"hsl": [
54,
100,
90
],
"cmyk": [
0,
2,
20,
0
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9404,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lemon-chiffon/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lemon-chiffon.json"
},
{
"slug": "light-cyan",
"name": "Light Cyan",
"hex": "#E0FFFF",
"rgb": [
224,
255,
255
],
"hsl": [
180,
100,
94
],
"cmyk": [
12,
0,
0,
0
],
"family": "cyan",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9459,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-cyan/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-cyan.json"
},
{
"slug": "light-goldenrod-yellow",
"name": "Light Goldenrod Yellow",
"hex": "#FAFAD2",
"rgb": [
250,
250,
210
],
"hsl": [
60,
80,
90
],
"cmyk": [
0,
0,
16,
2
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9335,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-goldenrod-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-goldenrod-yellow.json"
},
{
"slug": "light-pink",
"name": "Light Pink",
"hex": "#FFB6C1",
"rgb": [
255,
182,
193
],
"hsl": [
351,
100,
86
],
"cmyk": [
0,
29,
24,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.5857,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-pink/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-pink.json"
},
{
"slug": "light-yellow",
"name": "Light Yellow",
"hex": "#FFFFE0",
"rgb": [
255,
255,
224
],
"hsl": [
60,
100,
94
],
"cmyk": [
0,
0,
12,
0
],
"family": "yellow",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9816,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-yellow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-yellow.json"
},
{
"slug": "linen",
"name": "Linen",
"hex": "#FAF0E6",
"rgb": [
250,
240,
230
],
"hsl": [
30,
67,
94
],
"cmyk": [
0,
4,
8,
2
],
"family": "orange",
"temperature": "warm",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.8836,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/linen/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/linen.json"
},
{
"slug": "mint-cream",
"name": "Mint Cream",
"hex": "#F5FFFA",
"rgb": [
245,
255,
250
],
"hsl": [
150,
100,
98
],
"cmyk": [
4,
0,
2,
0
],
"family": "green",
"temperature": "cool",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9783,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mint-cream/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mint-cream.json"
},
{
"slug": "misty-rose",
"name": "Misty Rose",
"hex": "#FFE4E1",
"rgb": [
255,
228,
225
],
"hsl": [
6,
100,
94
],
"cmyk": [
0,
11,
12,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.8218,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/misty-rose/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/misty-rose.json"
},
{
"slug": "old-lace",
"name": "Old Lace",
"hex": "#FDF5E6",
"rgb": [
253,
245,
230
],
"hsl": [
39,
85,
95
],
"cmyk": [
0,
3,
9,
1
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.919,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/old-lace/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/old-lace.json"
},
{
"slug": "papaya-whip",
"name": "Papaya Whip",
"hex": "#FFEFD5",
"rgb": [
255,
239,
213
],
"hsl": [
37,
100,
92
],
"cmyk": [
0,
6,
16,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.878,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/papaya-whip/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/papaya-whip.json"
},
{
"slug": "peach-puff",
"name": "Peach Puff",
"hex": "#FFDAB9",
"rgb": [
255,
218,
185
],
"hsl": [
28,
100,
86
],
"cmyk": [
0,
15,
27,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.7491,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/peach-puff/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/peach-puff.json"
},
{
"slug": "sea-shell",
"name": "Sea Shell",
"hex": "#FFF5EE",
"rgb": [
255,
245,
238
],
"hsl": [
25,
100,
97
],
"cmyk": [
0,
4,
7,
0
],
"family": "orange",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9274,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sea-shell/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sea-shell.json"
},
{
"slug": "snow",
"name": "Snow",
"hex": "#FFFAFA",
"rgb": [
255,
250,
250
],
"hsl": [
0,
100,
99
],
"cmyk": [
0,
2,
2,
0
],
"family": "red",
"temperature": "warm",
"tone": [
"light",
"pastel"
],
"popularity": 67,
"luminance": 0.9653,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/snow/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/snow.json"
},
{
"slug": "white-smoke",
"name": "White Smoke",
"hex": "#F5F5F5",
"rgb": [
245,
245,
245
],
"hsl": [
0,
0,
96
],
"cmyk": [
0,
0,
0,
4
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"popularity": 67,
"luminance": 0.9131,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/white-smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/white-smoke.json"
}
]
}Browse Light by Family
Open a family group to narrow this tone without scanning every swatch at once.
Light Yellow Colors16 colors
Light yellow colors combine light visual character with the yellow family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Alabasteryellow · popularity 84
#EDEAE0
Canvasyellow · popularity 84
#F4EBD0
Eggshellyellow · popularity 84
#F0EAD6
Marble Whiteyellow · popularity 84
#F2F0E6
Paper Whiteyellow · popularity 84
#F7F7F2
Parchmentyellow · popularity 84
#F1E9D2
Powder Coat Whiteyellow · popularity 84
#F8F8F2
Soft Yellowyellow · popularity 84
#FFF8B8
Warm Whiteyellow · popularity 84
#F8F4E3
Creamyellow · popularity 73
#FFFDD0
Ivoryyellow · popularity 69
#FFFFF0
Beigeyellow · popularity 67
#F5F5DC
Cornsilkyellow · popularity 67
#FFF8DC
Lemon Chiffonyellow · popularity 67
#FFFACD
Light Goldenrod Yellowyellow · popularity 67
#FAFAD2
Light Yellowyellow · popularity 67
#FFFFE0
Light Orange Colors14 colors
Light orange colors combine light visual character with the orange family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Champagneorange · popularity 84
#F7E7CE
Linen Whiteorange · popularity 84
#FAF0E6
Pastel Peachorange · popularity 84
#FFDAB9
Quartzorange · popularity 84
#E7D9D1
Vellumorange · popularity 84
#EFE3C8
Antique Whiteorange · popularity 67
#FAEBD7
Bisqueorange · popularity 67
#FFE4C4
Blanched Almondorange · popularity 67
#FFEBCD
Floral Whiteorange · popularity 67
#FFFAF0
Linenorange · popularity 67
#FAF0E6
Old Laceorange · popularity 67
#FDF5E6
Papaya Whiporange · popularity 67
#FFEFD5
Peach Pufforange · popularity 67
#FFDAB9
Sea Shellorange · popularity 67
#FFF5EE
Light Blue Colors10 colors
Light blue colors combine light visual character with the blue family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Arctic Blueblue · popularity 84
#C6E6FB
Cloudblue · popularity 84
#F5F6F7
Cool Whiteblue · popularity 84
#F4F8FF
Fogblue · popularity 84
#D7DDE0
Ice Blueblue · popularity 84
#D6F5FF
Milk Blueblue · popularity 84
#D6EAF8
Periwinkleblue · popularity 84
#CCCCFF
Porcelainblue · popularity 84
#F2F3F4
Alice Blueblue · popularity 67
#F0F8FF
Ghost Whiteblue · popularity 67
#F8F8FF
Light Red Colors9 colors
Light red colors combine light visual character with the red family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Baby Pinkred · popularity 84
#F4C2C2
Cherry Blossomred · popularity 84
#FFB7C5
Morganitered · popularity 84
#F5C6C6
Pastel Pinkred · popularity 84
#FFD1DC
Sakura Pinkred · popularity 84
#FFB7C5
Pinkred · popularity 82
#FFC0CB
Light Pinkred · popularity 67
#FFB6C1
Misty Rosered · popularity 67
#FFE4E1
Snowred · popularity 67
#FFFAFA
Light Gray Colors5 colors
Light gray colors combine light visual character with the gray family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Light Cyan Colors4 colors
Light cyan colors combine light visual character with the cyan family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Light Green Colors4 colors
Light green colors combine light visual character with the green family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Light Purple Colors3 colors
Light purple colors combine light visual character with the purple family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Light Pink Colors2 colors
Light pink colors combine light visual character with the pink family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Light Color Index
This tone group contains 67 editorial colors. Use the family groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.