Tech Blue Color Palette
A clean tech blue palette used across the software industry. Ideal for SaaS, cloud, and developer-focused brands.
Deep Tech
HEX: #1e3a5f
RGB: rgb(30, 58, 95)
HSL: hsl(214, 52%, 25%)
Brand Blue
HEX: #2563eb
RGB: rgb(37, 99, 235)
HSL: hsl(221, 83%, 53%)
Tech Blue
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
Light Blue
HEX: #93c5fd
RGB: rgb(147, 197, 253)
HSL: hsl(212, 96%, 78%)
Blue Surface
HEX: #dbeafe
RGB: rgb(219, 234, 254)
HSL: hsl(214, 95%, 93%)
CSS Variables
:root {
--tech-blue-1: #1e3a5f;
--tech-blue-2: #2563eb;
--tech-blue-3: #3b82f6;
--tech-blue-4: #93c5fd;
--tech-blue-5: #dbeafe;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'tech-blue': {
'100': '#1e3a5f',
'200': '#2563eb',
'300': '#3b82f6',
'400': '#93c5fd',
'500': '#dbeafe',
},
},
},
},
}Use Cases
SaaS platforms
Cloud services
Developer tools
Tech startups
Related Palettes
Frequently Asked Questions
Why do so many tech companies use blue?▾
Blue conveys trust, security, and professionalism — key qualities for tech companies handling user data. It is also universally well-received across cultures.
How do I differentiate my tech brand from other blue brands?▾
Use a unique shade or pair blue with a distinctive accent color. Focus on typography, spacing, and brand voice to stand out beyond just color.