Consulting Slate Color Palette
A polished blue-gray palette for consulting firms and professional services. Conveys competence and clarity.
Dark Slate
HEX: #0f172a
RGB: rgb(15, 23, 42)
HSL: hsl(222, 47%, 11%)
Deep Slate
HEX: #1e293b
RGB: rgb(30, 41, 59)
HSL: hsl(217, 33%, 17%)
Consulting Slate
HEX: #475569
RGB: rgb(71, 85, 105)
HSL: hsl(215, 19%, 35%)
Light Slate
HEX: #94a3b8
RGB: rgb(148, 163, 184)
HSL: hsl(215, 20%, 65%)
Slate Surface
HEX: #cbd5e1
RGB: rgb(203, 213, 225)
HSL: hsl(213, 27%, 84%)
CSS Variables
:root {
--consulting-slate-1: #0f172a;
--consulting-slate-2: #1e293b;
--consulting-slate-3: #475569;
--consulting-slate-4: #94a3b8;
--consulting-slate-5: #cbd5e1;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'consulting-slate': {
'100': '#0f172a',
'200': '#1e293b',
'300': '#475569',
'400': '#94a3b8',
'500': '#cbd5e1',
},
},
},
},
}Use Cases
Consulting firms
Accounting practices
Professional services
B2B marketing
Related Palettes
Frequently Asked Questions
Why do consulting firms use blue-gray palettes?▾
Blue-gray conveys analytical thinking, objectivity, and professionalism. It feels authoritative without being heavy, making it ideal for knowledge-based services.
How do I add personality to a professional slate palette?▾
Introduce one distinctive accent color for CTAs and highlights. Use high-quality photography and thoughtful whitespace to elevate the design beyond generic corporate aesthetics.