Tools
All tools

Tailwind Shade Generator

ColourLive

Generate an 11-step Tailwind-style colour scale from a base colour.

delphi tailwind-shadesaliases: tw, shadescolour

50

#f1f4f9

100

#dee6f3

200

#b7cbeb

300

#86ace9

400

#4d8bef

500

#156af4

600

#0f59d1

700

#144aa4

800

#193c76

900

#1a3156

950

#142033

CSS variables

--typekitty-50: #f1f4f9;
--typekitty-100: #dee6f3;
--typekitty-200: #b7cbeb;
--typekitty-300: #86ace9;
--typekitty-400: #4d8bef;
--typekitty-500: #156af4;
--typekitty-600: #0f59d1;
--typekitty-700: #144aa4;
--typekitty-800: #193c76;
--typekitty-900: #1a3156;
--typekitty-950: #142033;

Notes

This page is mapped from the original CLI command delphi tailwind-shades. V1 runs locally in the browser and does not call a tool API.

Tags

tailwindcsspalette

FAQ

Does this call a tool API?

No. TypeKitty V1 runs this workbench locally in your browser.