Black Gradients
Explore thousands of gradient combinations or generate a custom gradient with the Gradient Generator.
Black gradients are defined by lightness, not hue, with L values from 5 to 20 across any angle. They read as black to charcoal, ink to navy, black to plum, or tinted near black.
Deep Shadow
Inky Shadow
Inky Granite
Dusky Shadow
Dusk Granite
Night Slate
Deep Coal
Somber Jet
Charcoal Jet
Deep Flint
Profound Slate
Profound Iron
Night Coal
Midnight Onyx
Midnight Coal
Twilight Raven
Profound Obsidian
Dusky Jet
Murky Carbon
Deep Slate
Storm Granite
Dark Steel
Night Graphite
Twilight Flint
Intense Slate
Murky Steel
Profound Shadow
Charcoal Flint
Deep Obsidian
Night Granite
Night Flint
Dark Graphite
Moody Onyx
Midnight Raven
Dark Slate
Eclipse Coal
Deep Iron
Abyssal Jet
Intense Coal
Eclipse Graphite
Dusky Carbon
Dusk Obsidian
Night Obsidian
Intense Carbon
Intense Flint
Abyssal Carbon
Intense Graphite
Obsidian Shadow
Shadow Raven
Obsidian Raven
Dark Flint
Moody Carbon
Dense Raven
Murky Flint
Eclipse Obsidian
Obsidian Flint
Shadow Slate
Inky Coal
Abyssal Void
Dark Carbon
Where Black Gradients Work
Black gradients suit dark mode sections, album art, premium product pages, launch teasers, and dramatic poster backgrounds. They are friendly to white text, but pure white on near black can feel harsh in long copy. Use #f3f4f6 or #e5e7eb for body text, and make sure tinted dark stops do not hide low contrast icons. Need a different angle or an extra stop? Adjust any of these in the Gradient Generator.
Frequently Asked Questions
Why do black gradients look blue or purple?
They can use any hue as long as lightness stays from 5 to 20. The tint appears only in the transition.
What text color works on black gradients?
Soft white or light gray works best. Use pure white for short labels or priority headings, not long paragraphs.