Enterprise Gray Color Palette
A neutral enterprise palette for professional B2B products. Ideal for dashboards, admin panels, and business tools.
Dark Surface
HEX: #1f2937
RGB: rgb(31, 41, 55)
HSL: hsl(215, 28%, 17%)
Gray 700
HEX: #374151
RGB: rgb(55, 65, 81)
HSL: hsl(217, 19%, 27%)
Enterprise Gray
HEX: #6b7280
RGB: rgb(107, 114, 128)
HSL: hsl(220, 9%, 46%)
Gray 400
HEX: #9ca3af
RGB: rgb(156, 163, 175)
HSL: hsl(218, 11%, 65%)
Gray Surface
HEX: #e5e7eb
RGB: rgb(229, 231, 235)
HSL: hsl(220, 13%, 91%)
CSS Variables
:root {
--enterprise-gray-1: #1f2937;
--enterprise-gray-2: #374151;
--enterprise-gray-3: #6b7280;
--enterprise-gray-4: #9ca3af;
--enterprise-gray-5: #e5e7eb;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'enterprise-gray': {
'100': '#1f2937',
'200': '#374151',
'300': '#6b7280',
'400': '#9ca3af',
'500': '#e5e7eb',
},
},
},
},
}Use Cases
Admin dashboards
B2B platforms
Enterprise software
CRM systems
Related Palettes
Frequently Asked Questions
Why do enterprise products use so much gray?▾
Gray is neutral and non-distracting, allowing data and content to take center stage. In data-heavy enterprise UIs, gray provides the scaffolding while accent colors highlight important actions.
How do I make a gray enterprise UI feel modern?▾
Use generous spacing, subtle border-radius, one vibrant accent color, and modern typography. Avoid harsh borders and heavy shadows that date enterprise designs.