Skip to content

Instantly share code, notes, and snippets.

@alanbsmith

alanbsmith/canvas-oklch-colors.csv

Created April 8, 2025 18:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alanbsmith/d6681cf8aa322d3aab1689d665c00282 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alanbsmith/d6681cf8aa322d3aab1689d665c00282 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
canvas-oklch-colors.csv
name palette cssVar value l c h
red-50 red --cnvs-palette-red-50 oklch(0.964 0.018 26.1) 0.964 0.018 26.1
red-100 red --cnvs-palette-red-100 oklch(0.922 0.040 27.5) 0.922 0.040 27.5
red-200 red --cnvs-palette-red-200 oklch(0.867 0.071 27.1) 0.867 0.071 27.1
red-300 red --cnvs-palette-red-300 oklch(0.801 0.114 27.1) 0.801 0.114 27.1
red-400 red --cnvs-palette-red-400 oklch(0.729 0.167 26.7) 0.729 0.167 26.7
red-500 red --cnvs-palette-red-500 oklch(0.650 0.211 26.8) 0.650 0.211 26.8
red-600 red --cnvs-palette-red-600 oklch(0.531 0.185 27.6) 0.531 0.185 27.6
red-700 red --cnvs-palette-red-700 oklch(0.449 0.165 27.9) 0.449 0.165 27.9
red-800 red --cnvs-palette-red-800 oklch(0.370 0.135 28.4) 0.370 0.135 28.4
red-900 red --cnvs-palette-red-900 oklch(0.301 0.110 29.0) 0.301 0.110 29.0
red-950 red --cnvs-palette-red-950 oklch(0.260 0.075 30.1) 0.260 0.075 30.1
vermilion-50 vermilion --cnvs-palette-vermilion-50 oklch(0.970 0.016 46.6) 0.970 0.016 46.6
vermilion-100 vermilion --cnvs-palette-vermilion-100 oklch(0.916 0.046 41.8) 0.916 0.046 41.8
vermilion-200 vermilion --cnvs-palette-vermilion-200 oklch(0.861 0.079 42.1) 0.861 0.079 42.1
vermilion-300 vermilion --cnvs-palette-vermilion-300 oklch(0.796 0.123 41.6) 0.796 0.123 41.6
vermilion-400 vermilion --cnvs-palette-vermilion-400 oklch(0.725 0.177 41.6) 0.725 0.177 41.6
vermilion-500 vermilion --cnvs-palette-vermilion-500 oklch(0.678 0.210 40.4) 0.678 0.210 40.4
vermilion-600 vermilion --cnvs-palette-vermilion-600 oklch(0.525 0.183 35.3) 0.525 0.183 35.3
vermilion-700 vermilion --cnvs-palette-vermilion-700 oklch(0.451 0.159 34.9) 0.451 0.159 34.9
vermilion-800 vermilion --cnvs-palette-vermilion-800 oklch(0.360 0.120 36.0) 0.360 0.120 36.0
vermilion-900 vermilion --cnvs-palette-vermilion-900 oklch(0.280 0.097 34.5) 0.280 0.097 34.5
vermilion-950 vermilion --cnvs-palette-vermilion-950 oklch(0.240 0.059 35.5) 0.240 0.059 35.5
orange-50 orange --cnvs-palette-orange-50 oklch(0.971 0.020 65.1) 0.971 0.020 65.1
orange-100 orange --cnvs-palette-orange-100 oklch(0.916 0.056 62.7) 0.916 0.056 62.7
orange-200 orange --cnvs-palette-orange-200 oklch(0.873 0.087 62.3) 0.873 0.087 62.3
orange-300 orange --cnvs-palette-orange-300 oklch(0.802 0.135 57.7) 0.802 0.135 57.7
orange-400 orange --cnvs-palette-orange-400 oklch(0.726 0.185 52.6) 0.726 0.185 52.6
orange-500 orange --cnvs-palette-orange-500 oklch(0.678 0.182 48.9) 0.678 0.182 48.9
orange-600 orange --cnvs-palette-orange-600 oklch(0.520 0.142 48.0) 0.520 0.142 48.0
orange-700 orange --cnvs-palette-orange-700 oklch(0.463 0.125 48.6) 0.463 0.125 48.6
orange-800 orange --cnvs-palette-orange-800 oklch(0.391 0.101 51.7) 0.391 0.101 51.7
orange-900 orange --cnvs-palette-orange-900 oklch(0.300 0.079 50.0) 0.300 0.079 50.0
orange-950 orange --cnvs-palette-orange-950 oklch(0.270 0.059 58.4) 0.270 0.059 58.4
amber-50 amber --cnvs-palette-amber-50 oklch(0.978 0.025 94.7) 0.978 0.025 94.7
amber-100 amber --cnvs-palette-amber-100 oklch(0.957 0.095 100.2) 0.957 0.095 100.2
amber-200 amber --cnvs-palette-amber-200 oklch(0.919 0.155 99.7) 0.919 0.155 99.7
amber-300 amber --cnvs-palette-amber-300 oklch(0.871 0.164 90.8) 0.871 0.164 90.8
amber-400 amber --cnvs-palette-amber-400 oklch(0.844 0.173 85.1) 0.844 0.173 85.1
amber-500 amber --cnvs-palette-amber-500 oklch(0.802 0.165 84.7) 0.802 0.165 84.7
amber-600 amber --cnvs-palette-amber-600 oklch(0.682 0.140 84.2) 0.682 0.140 84.2
amber-700 amber --cnvs-palette-amber-700 oklch(0.513 0.106 80.6) 0.513 0.106 80.6
amber-800 amber --cnvs-palette-amber-800 oklch(0.403 0.083 81.5) 0.403 0.083 81.5
amber-900 amber --cnvs-palette-amber-900 oklch(0.342 0.070 85.2) 0.342 0.070 85.2
amber-950 amber --cnvs-palette-amber-950 oklch(0.304 0.062 90.1) 0.304 0.062 90.1
green-50 green --cnvs-palette-green-50 oklch(0.971 0.030 156.0) 0.971 0.030 156.0
green-100 green --cnvs-palette-green-100 oklch(0.939 0.064 151.9) 0.939 0.064 151.9
green-200 green --cnvs-palette-green-200 oklch(0.881 0.096 149.4) 0.881 0.096 149.4
green-300 green --cnvs-palette-green-300 oklch(0.810 0.120 146.9) 0.810 0.120 146.9
green-400 green --cnvs-palette-green-400 oklch(0.719 0.147 145.2) 0.719 0.147 145.2
green-500 green --cnvs-palette-green-500 oklch(0.631 0.156 144.7) 0.631 0.156 144.7
green-600 green --cnvs-palette-green-600 oklch(0.515 0.137 145.5) 0.515 0.137 145.5
green-700 green --cnvs-palette-green-700 oklch(0.429 0.120 146.8) 0.429 0.120 146.8
green-800 green --cnvs-palette-green-800 oklch(0.384 0.090 147.2) 0.384 0.090 147.2
green-900 green --cnvs-palette-green-900 oklch(0.305 0.077 147.3) 0.305 0.077 147.3
green-950 green --cnvs-palette-green-950 oklch(0.286 0.055 151.0) 0.286 0.055 151.0
teal-50 teal --cnvs-palette-teal-50 oklch(0.975 0.020 204.4) 0.975 0.020 204.4
teal-100 teal --cnvs-palette-teal-100 oklch(0.941 0.040 202.2) 0.941 0.040 202.2
teal-200 teal --cnvs-palette-teal-200 oklch(0.881 0.060 204.0) 0.881 0.060 204.0
teal-300 teal --cnvs-palette-teal-300 oklch(0.784 0.087 204.9) 0.784 0.087 204.9
teal-400 teal --cnvs-palette-teal-400 oklch(0.721 0.108 205.1) 0.721 0.108 205.1
teal-500 teal --cnvs-palette-teal-500 oklch(0.636 0.109 206.0) 0.636 0.109 206.0
teal-600 teal --cnvs-palette-teal-600 oklch(0.519 0.091 212.1) 0.519 0.091 212.1
teal-700 teal --cnvs-palette-teal-700 oklch(0.436 0.076 212.5) 0.436 0.076 212.5
teal-800 teal --cnvs-palette-teal-800 oklch(0.355 0.062 212.8) 0.355 0.062 212.8
teal-900 teal --cnvs-palette-teal-900 oklch(0.304 0.055 218.2) 0.304 0.055 218.2
teal-950 teal --cnvs-palette-teal-950 oklch(0.251 0.030 206.2) 0.251 0.030 206.2
blue-50 blue --cnvs-palette-blue-50 oklch(0.957 0.021 252.5) 0.957 0.021 252.5
blue-100 blue --cnvs-palette-blue-100 oklch(0.920 0.040 251.8) 0.920 0.040 251.8
blue-200 blue --cnvs-palette-blue-200 oklch(0.863 0.070 250.6) 0.863 0.070 250.6
blue-300 blue --cnvs-palette-blue-300 oklch(0.788 0.110 252.8) 0.788 0.110 252.8
blue-400 blue --cnvs-palette-blue-400 oklch(0.713 0.154 252.0) 0.713 0.154 252.0
blue-500 blue --cnvs-palette-blue-500 oklch(0.639 0.198 253.5) 0.639 0.198 253.5
blue-600 blue --cnvs-palette-blue-600 oklch(0.515 0.174 255.8) 0.515 0.174 255.8
blue-700 blue --cnvs-palette-blue-700 oklch(0.447 0.154 256.3) 0.447 0.154 256.3
blue-800 blue --cnvs-palette-blue-800 oklch(0.359 0.130 257.5) 0.359 0.130 257.5
blue-900 blue --cnvs-palette-blue-900 oklch(0.315 0.105 261.1) 0.315 0.105 261.1
blue-950 blue --cnvs-palette-blue-950 oklch(0.245 0.075 254.5) 0.245 0.075 254.5
purple-50 purple --cnvs-palette-purple-50 oklch(0.979 0.009 320.5) 0.979 0.009 320.5
purple-100 purple --cnvs-palette-purple-100 oklch(0.940 0.031 317.7) 0.940 0.031 317.7
purple-200 purple --cnvs-palette-purple-200 oklch(0.880 0.060 317.2) 0.880 0.060 317.2
purple-300 purple --cnvs-palette-purple-300 oklch(0.811 0.095 314.5) 0.811 0.095 314.5
purple-400 purple --cnvs-palette-purple-400 oklch(0.729 0.150 313.0) 0.729 0.150 313.0
purple-500 purple --cnvs-palette-purple-500 oklch(0.628 0.168 312.7) 0.628 0.168 312.7
purple-600 purple --cnvs-palette-purple-600 oklch(0.538 0.144 312.4) 0.538 0.144 312.4
purple-700 purple --cnvs-palette-purple-700 oklch(0.467 0.120 311.8) 0.467 0.120 311.8
purple-800 purple --cnvs-palette-purple-800 oklch(0.389 0.115 310.9) 0.389 0.115 310.9
purple-900 purple --cnvs-palette-purple-900 oklch(0.335 0.093 311.3) 0.335 0.093 311.3
purple-950 purple --cnvs-palette-purple-950 oklch(0.295 0.069 312.3) 0.295 0.069 312.3
magenta-50 magenta --cnvs-palette-magenta-50 oklch(0.977 0.020 325.7) 0.977 0.020 325.7
magenta-100 magenta --cnvs-palette-magenta-100 oklch(0.954 0.040 327.2) 0.954 0.040 327.2
magenta-200 magenta --cnvs-palette-magenta-200 oklch(0.923 0.069 326.9) 0.923 0.069 326.9
magenta-300 magenta --cnvs-palette-magenta-300 oklch(0.887 0.103 327.5) 0.887 0.103 327.5
magenta-400 magenta --cnvs-palette-magenta-400 oklch(0.779 0.136 327.2) 0.779 0.136 327.2
magenta-500 magenta --cnvs-palette-magenta-500 oklch(0.669 0.161 327.6) 0.669 0.161 327.6
magenta-600 magenta --cnvs-palette-magenta-600 oklch(0.551 0.155 327.9) 0.551 0.155 327.9
magenta-700 magenta --cnvs-palette-magenta-700 oklch(0.471 0.139 329.6) 0.471 0.139 329.6
magenta-800 magenta --cnvs-palette-magenta-800 oklch(0.385 0.115 330.2) 0.385 0.115 330.2
magenta-900 magenta --cnvs-palette-magenta-900 oklch(0.315 0.084 331.1) 0.315 0.084 331.1
magenta-950 magenta --cnvs-palette-magenta-950 oklch(0.275 0.055 331.2) 0.275 0.055 331.2
slate-50 slate --cnvs-palette-slate-50 oklch(0.969 0.005 258.3) 0.969 0.005 258.3
slate-100 slate --cnvs-palette-slate-100 oklch(0.938 0.008 253.9) 0.938 0.008 253.9
slate-200 slate --cnvs-palette-slate-200 oklch(0.899 0.012 259.8) 0.899 0.012 259.8
slate-300 slate --cnvs-palette-slate-300 oklch(0.840 0.016 257.2) 0.840 0.016 257.2
slate-400 slate --cnvs-palette-slate-400 oklch(0.730 0.020 250.7) 0.730 0.020 250.7
slate-500 slate --cnvs-palette-slate-500 oklch(0.660 0.024 256.8) 0.660 0.024 256.8
slate-600 slate --cnvs-palette-slate-600 oklch(0.510 0.021 253.5) 0.510 0.021 253.5
slate-700 slate --cnvs-palette-slate-700 oklch(0.457 0.016 251.7) 0.457 0.016 251.7
slate-800 slate --cnvs-palette-slate-800 oklch(0.389 0.013 261.7) 0.389 0.013 261.7
slate-900 slate --cnvs-palette-slate-900 oklch(0.316 0.008 255.6) 0.316 0.008 255.6
slate-950 slate --cnvs-palette-slate-950 oklch(0.246 0.005 248.0) 0.246 0.005 248.0
base-0 base --cnvs-palette-base-0 oklch(1.000 0.000 0) 1.000 0.000 0
base-5 base --cnvs-palette-base-5 oklch(0.979 0.000 0) 0.979 0.000 0
base-10 base --cnvs-palette-base-10 oklch(0.949 0.000 0) 0.949 0.000 0
base-20 base --cnvs-palette-base-20 oklch(0.901 0.000 0) 0.901 0.000 0
base-30 base --cnvs-palette-base-30 oklch(0.851 0.000 0) 0.851 0.000 0
base-40 base --cnvs-palette-base-40 oklch(0.751 0.000 0) 0.751 0.000 0
base-50 base --cnvs-palette-base-50 oklch(0.650 0.000 0) 0.650 0.000 0
base-60 base --cnvs-palette-base-60 oklch(0.531 0.000 0) 0.531 0.000 0
base-70 base --cnvs-palette-base-70 oklch(0.450 0.000 0) 0.450 0.000 0
base-80 base --cnvs-palette-base-80 oklch(0.348 0.000 0) 0.348 0.000 0
base-90 base --cnvs-palette-base-90 oklch(0.252 0.000 0) 0.252 0.000 0
base-95 base --cnvs-palette-base-95 oklch(0.150 0.000 0) 0.150 0.000 0
base-100 base --cnvs-palette-base-100 oklch(0.000 0.000 0) 0.000 0.000 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment