Tailwind Palette Generator
Generate a full Tailwind color scale from one hex.
50
#e5f6ffoklch(…)100
#ceedffoklch(…)200
#acd9ffoklch(…)300
#84beffoklch(…)400
#5c9cffoklch(…)500
#3b82f6oklch(…)600
#1f66d8oklch(…)700
#0546a6oklch(…)800
#00266foklch(…)900
#001041oklch(…)950
#00072aoklch(…)Generates a full Tailwind CSS color scale (50–950) from a base hex color using OKLCH interpolation. All computation happens in your browser.
About this tool
Enter a base hex color and get the complete Tailwind CSS 50–950 shade scale using OKLCH interpolation — copy any shade as a hex value. Everything runs in your browser.
It runs completely in your browser — no input is sent anywhere, and this page loads no ads or third-party scripts, so it is safe to use with data you would not paste into a hosted service.