Blue vs Sky: Primary Blues Compared
Compare Tailwind's blue and sky color families to find the perfect blue for your design.
Blue
#3b82f6
Pure primary blue
Sky
#0ea5e9
Cyan-shifted bright blue
Side-by-Side Comparison
| Aspect | Blue | Sky |
|---|---|---|
| Undertone | Pure primary blue | Cyan undertone |
| Mood | Trustworthy, professional, reliable | Fresh, airy, approachable |
| Saturation | Moderate saturation | Higher saturation, brighter |
| Use case | Links, buttons, enterprise apps | Social apps, weather, dashboards |
| Best For | Trust, professionalism, links, CTAs | Fresh, friendly, tech-forward interfaces |
Our Recommendation
Blue conveys trust and professionalism - ideal for enterprise. Sky feels fresh and modern - perfect for consumer apps.
Tailwind Classes
Blue
Background: bg-blue-500
Text: text-blue-500
Border: border-blue-500
Sky
Background: bg-sky-500
Text: text-sky-500
Border: border-sky-500
#blues#blue#sky#primary#comparison