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 18 4 11 50 – 950 50 – 100
Tailwind CSS v4 18 4 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
Pico 17 3 19 50 – 950 50
Web Awesome 9 1 11 5 – 95 5 – 10

Hues

Name Palettes Hues
red hue 10 100% 25.8 ±5.6 20.2 – 29.8 σ = 3.1
blue hue 10 100% 257 ±8.3 248 – 264 σ = 5.3
green hue 10 100% 147 ±9.1 138 – 160 σ = 5.3
yellow hue 10 100% 82.7 ±26 56.6 – 104 σ = 14
orange hue 10 100% 45.6 ±9.6 36 – 64.1 σ = 8.3
cyan hue 9 90% 216 ±21 195 – 250 σ = 14
purple hue 9 90% 309 ±14 295 – 321 σ = 10
pink hue 8 80% 0.662 ±13 -12 – 9.63 σ = 6.8
indigo hue 8 80% 275 ±7.1 268 – 285 σ = 5.2
gray neutral 7 70% 259 ±11 248 – 276 σ = 11
teal hue 6 60% 177 ±12 165 – 191 σ = 10
lime hue 6 60% 127 ±13 115 – 132 σ = 5.4
violet hue 5 50% 293 ±5.7 288 – 302 σ = 5.3
amber hue 4 40% 76.4 ±18 58.3 – 84.9 σ = 11
fuchsia hue 4 40% 333 ±11 322 – 346 σ = 11
slate hue 3 30% 261 ±3.8 257 – 265 σ = 3.8
stone neutral 3 30% 139 ±81 58.1 – 229 σ = 75
zinc neutral 3 30% 274 ±14 261 – 286 σ = 12
neutral neutral 3 30% 251 ±0 251 – 251 σ = 0
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
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% 89.2 ±1.9 87.3 – 91.7 σ = 1.6
grey neutral 2 20% 0 ±0 0 – 0 σ = 0