Tailwind CSS color design system
Explore the Tailwind CSS color design system with ease. View and copy each color's code in multiple formats: HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV. Simply select a color and copy its code to your clipboard.
Slate
oklch(0.984 0.003 247.858)
oklch(0.968 0.007 247.896)
oklch(0.929 0.013 255.508)
oklch(0.869 0.022 252.894)
oklch(0.704 0.04 256.788)
oklch(0.554 0.046 257.417)
oklch(0.446 0.043 257.281)
oklch(0.372 0.044 257.287)
oklch(0.279 0.041 260.031)
oklch(0.208 0.042 265.755)
oklch(0.129 0.042 264.695)
Gray
oklch(0.985 0.002 247.839)
oklch(0.967 0.003 264.542)
oklch(0.928 0.006 264.531)
oklch(0.872 0.01 258.338)
oklch(0.707 0.022 261.325)
oklch(0.551 0.027 264.364)
oklch(0.446 0.03 256.802)
oklch(0.373 0.034 259.733)
oklch(0.278 0.033 256.848)
oklch(0.21 0.034 264.665)
oklch(0.13 0.028 261.692)
Zinc
oklch(0.985 0 0)
oklch(0.967 0.001 286.375)
oklch(0.92 0.004 286.32)
oklch(0.871 0.006 286.286)
oklch(0.705 0.015 286.067)
oklch(0.552 0.016 285.938)
oklch(0.442 0.017 285.786)
oklch(0.37 0.013 285.805)
oklch(0.274 0.006 286.033)
oklch(0.21 0.006 285.885)
oklch(0.141 0.005 285.823)
Neutral
oklch(0.985 0 0)
oklch(0.97 0 0)
oklch(0.922 0 0)
oklch(0.87 0 0)
oklch(0.708 0 0)
oklch(0.556 0 0)
oklch(0.439 0 0)
oklch(0.371 0 0)
oklch(0.269 0 0)
oklch(0.205 0 0)
oklch(0.145 0 0)
Stone
oklch(0.985 0.001 106.423)
oklch(0.97 0.001 106.424)
oklch(0.923 0.003 48.717)
oklch(0.869 0.005 56.366)
oklch(0.709 0.01 56.259)
oklch(0.553 0.013 58.071)
oklch(0.444 0.011 73.639)
oklch(0.374 0.01 67.558)
oklch(0.268 0.007 34.298)
oklch(0.216 0.006 56.043)
oklch(0.147 0.004 49.25)
