Tailwind Sky
Sky is a friendly, lighter blue — softer and more optimistic than the core Blue. It works well for links, informational states and airy marketing sections.
Click any value to copy it. All 11 Sky shades (50–950) in hex, OKLCH, RGB, HSL and Tailwind class.
| Swatch | Shade | Class | Hex | OKLCH | RGB | HSL |
|---|---|---|---|---|---|---|
| 50 | ||||||
| 100 | ||||||
| 200 | ||||||
| 300 | ||||||
| 400 | ||||||
| 500 | ||||||
| 600 | ||||||
| 700 | ||||||
| 800 | ||||||
| 900 | ||||||
| 950 |
Where to use Tailwind Sky
- Info banners:
bg-sky-50 text-sky-800 border-sky-200. - Friendly links:
text-sky-600. - Soft CTAs:
bg-sky-500.
Related Tailwind colors
Build a full theme from Sky with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied
