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
Atlassian Design System 9 1 12 0 – 1,100 50 – 100
Web Awesome 9 1 11 5 – 95 5 – 10

Hues

Name Palettes Hues
red hue 11 100% 24.8 ±9.5 15.3 – 29.5 σ = 3.6
blue hue 11 100% 258 ±9.4 248 – 274 σ = 6.5
green hue 11 100% 150 ±5.7 144 – 160 σ = 4.3
yellow hue 11 100% 81.1 ±24 56.6 – 102 σ = 12
orange hue 11 100% 49.4 ±13 36 – 80.5 σ = 11
purple hue 10 91% 305 ±14 292 – 321 σ = 8.9
cyan hue 9 82% 216 ±36 180 – 250 σ = 15
teal hue 8 73% 183 ±19 165 – 225 σ = 16
gray neutral 8 73% 260 ±12 248 – 276 σ = 10
pink hue 7 64% -1.31 ±11 -12 – 9.63 σ = 5.9
indigo hue 7 64% 274 ±6 268 – 277 σ = 3.7
lime hue 7 64% 130 ±16 115 – 143 σ = 6.4
violet hue 4 36% 291 ±3.3 288 – 293 σ = 2.1
magenta hue 4 36% 348 ±22 327 – 361 σ = 14
neutral neutral 4 36% -50.6 ±58 -109 – 0 σ = 51
amber hue 3 27% 68.3 ±10 58.3 – 84.9 σ = 9.8
fuchsia hue 3 27% 324 ±1.4 322 – 328 σ = 2.1
rose hue 3 27% 13.7 ±13 0.303 – 17.6 σ = 6.7
stone neutral 3 27% 115 ±57 58.1 – 229 σ = 70
brown hue 2 18% 54.4 ±14 40.7 – 61.5 σ = 9.7
emerald hue 2 18% 163 ±0.37 162 – 163 σ = 0.37
sky hue 2 18% 240 ±2.3 237 – 242 σ = 2.3
slate neutral 2 18% 257 ±0.068 257 – 257 σ = 0.068
zinc neutral 2 18% 286 ±0.076 286 – 286 σ = 0.076