Research on color palettes

Research on color palettes

Palettes

Name Hues Neutrals Steps Levels Step
Open Color 12 1 10 0 – 9 1
Radix Colors 23 8 12 1 – 12 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
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.8 ±6.4 18.3 – 29.5 σ = 3.1
blue hue 10 100% 255 ±12 243 – 263 σ = 5.9
green hue 10 100% 150 ±5.4 144 – 160 σ = 4.3
yellow hue 10 100% 80.2 ±24 56.6 – 102 σ = 12
orange hue 10 100% 47.8 ±12 36 – 64.1 σ = 8
cyan hue 9 90% 219 ±9 210 – 250 σ = 11
purple hue 9 90% 306 ±11 295 – 321 σ = 8.3
pink hue 8 80% -2.7 ±15 -18.1 – 9.63 σ = 7.3
indigo hue 8 80% 274 ±5.7 268 – 277 σ = 3.7
gray neutral 8 80% 260 ±12 248 – 276 σ = 10
teal hue 7 70% 179 ±14 165 – 191 σ = 9.1
lime hue 6 60% 129 ±14 115 – 132 σ = 5.2
violet hue 5 50% 291 ±3.6 288 – 294 σ = 2.2
amber hue 4 40% 71.4 ±13 58.3 – 86.7 σ = 11
brown hue 3 30% 56.9 ±16 40.7 – 64.2 σ = 9.4
sky hue 3 30% 237 ±11 225 – 242 σ = 6
fuchsia hue 3 30% 324 ±1.4 322 – 328 σ = 2.1
slate neutral 3 30% 262 ±4.7 257 – 280 σ = 9.2
stone neutral 3 30% 115 ±57 58.1 – 229 σ = 70
neutral neutral 3 30% -36.3 ±73 -109 – 0 σ = 51
emerald hue 2 20% 163 ±0.37 162 – 163 σ = 0.37
rose hue 2 20% 17 ±0.57 16.4 – 17.6 σ = 0.57
magenta hue 2 20% 360 ±0.95 359 – 361 σ = 0.95
sand neutral 2 20% 90.5 ±3.2 87.3 – 95.1 σ = 3.3
zinc neutral 2 20% 286 ±0.076 286 – 286 σ = 0.076