Research on color palettes

Research on color palettes

Palettes

Name Hues Neutrals Steps Levels Step
Open Color 12 1 10 0 – 9 1
Open Props 16 3 13 0 – 12 1
Tailwind CSS 17 5 11 50 – 950 50 – 100
Tailwind CSS v4 17 5 11 50 – 950 50 – 100
Material Design 13 1 10 50 – 900 50 – 100
Adobe Spectrum 13 3 9 – 14 50 – 1,400 25 – 100
GitHub Primer 8 1 10 0 – 9 1
Shopify Polaris 12 1 16 1 – 16 1
IBM Carbon 9 3 10 10 – 100 10
Web Awesome 9 1 11 5 – 95 5 – 10

Hues

Name Palettes Hues
red hue 10 100% 24.5 ±9.2 15.3 – 29.5 σ = 3.6
blue hue 10 100% 258 ±9.3 248 – 274 σ = 6.7
green hue 10 100% 149 ±5 144 – 160 σ = 3.6
yellow hue 10 100% 80.8 ±24 56.6 – 102 σ = 12
orange hue 10 100% 49.2 ±13 36 – 80.5 σ = 11
cyan hue 9 90% 216 ±36 180 – 250 σ = 15
purple hue 9 90% 305 ±13 292 – 321 σ = 9.1
gray neutral 8 80% 260 ±12 248 – 276 σ = 10
pink hue 7 70% -1.31 ±11 -12 – 9.63 σ = 5.9
indigo hue 7 70% 274 ±6 268 – 277 σ = 3.7
teal hue 7 70% 179 ±15 165 – 191 σ = 9.4
lime hue 6 60% 131 ±16 115 – 143 σ = 6.7
violet hue 4 40% 291 ±3.3 288 – 293 σ = 2.1
amber hue 3 30% 68.3 ±10 58.3 – 84.9 σ = 9.8
fuchsia hue 3 30% 324 ±1.4 322 – 328 σ = 2.1
rose hue 3 30% 13.7 ±13 0.303 – 17.6 σ = 6.7
magenta hue 3 30% 349 ±22 327 – 361 σ = 16
stone neutral 3 30% 115 ±57 58.1 – 229 σ = 70
neutral neutral 3 30% -36.3 ±73 -109 – 0 σ = 51
brown hue 2 20% 54.4 ±14 40.7 – 61.5 σ = 9.7
emerald hue 2 20% 163 ±0.37 162 – 163 σ = 0.37
sky hue 2 20% 240 ±2.3 237 – 242 σ = 2.3
slate neutral 2 20% 257 ±0.068 257 – 257 σ = 0.068
zinc neutral 2 20% 286 ±0.076 286 – 286 σ = 0.076