Five chromatic ramps (11 steps each) plus a 14-step neutral ramp · luminance-normalized to GitLab's existing chromatic staircase (each step targets the same contrast-against-white across all ramps). Badge shows best WCAG pass and ratio against whichever surface (light/dark) gives more contrast.
orange
50#fdf0d5AAA 15.8
100#fada9cAAA 13.2
200#f7b951AAA 10.2
300#fb8017AA 7.0
400#e95f21AA 5.2
500#c74816AA 4.8
600#b34013AA 5.7
700#9e3811AA 6.9
800#7d2d0eAAA 9.3
900#5d220dAAA 12.3
950#461807AAA 15.1
red
50#feeef0AAA 15.8
100#ffd3d7AAA 13.2
200#ffafb8AAA 10.2
300#fc7988AA 7.0
400#f15168AA 5.2
500#de1d4bAA 4.8
600#c52042AA 5.7
700#ac203aAA 7.0
800#891c2fAAA 9.3
900#641925AAA 12.4
950#48151dAAA 15.1
purple
50#f4f0fcAAA 15.9
100#e1daf7AAA 13.2
200#c9beefAAA 10.3
300#a997e1AA 7.0
400#927cd7AA 5.2
500#7862c8AA 4.8
600#6a54c0AA 5.8
700#5b46b8AA 7.0
800#483698AAA 9.3
900#362676AAA 12.4
950#291a5cAAA 15.0
blue
50#e8f2fdAAA 15.7
100#c8e0f9AAA 13.1
200#9dc8f2AAA 10.2
300#64a7e9AA 7.0
400#3f8eddAA 5.2
500#1f73caAA 4.8
600#2566b5AA 5.8
700#27599fAA 7.0
800#254581AAA 9.3
900#1f3166AAA 12.4
950#1d2153AAA 15.1
green
50#e6f5eaAAA 15.8
100#bee6d0AAA 13.1
200#84d4b6AAA 10.3
300#35b597AA 7.0
400#129c84AA 5.2
500#0d8070AA 4.8
600#0c7265AA 5.8
700#0b645aAA 6.9
800#075048AAA 9.3
900#003c36AAA 12.4
950#002c26AAA 15.1
neutral
0#fffAAA 17.8
10#f7f7f5AAA 16.6
50#ecebeaAAA 15.0
100#dcdbd9AAA 12.9
200#c1bfbeAAA 9.7
300#a5a3a3AAA 7.1
400#8a8888AA 5.1
500#747273AA 4.6
600#646163AA 5.9
700#4d4b4eAAA 8.3
800#3a383dAAA 11.1
900#28272dAAA 14.2
950#18171dAAA 17.1
1000#050408AAA 19.7
Generated with @adobe/leonardo-contrast-colors in OKLCH. Target ratios per step: 1.12, 1.35, 1.74, 2.55, 3.43, 4.79, 5.75, 6.96, 9.29, 12.33, 15.04. Max deviation from target across all 55 swatches: ±0.10.