Jul 7, 2026
Stop Using 100% Black
Pure #000000 almost never exists in the physical world, and on a screen it reads as a hole rather than a colour. Softening your black is the fastest, cheapest upgrade available to almost any palette.
The fix isn’t to make everything grey and timid. It is to give your darks a temperature, a range, and a reason to exist.
Craft
Colour
Craft
Why It Feels Wrong
Absolute black creates maximum contrast against white, which causes halation, eye strain, and a strangely artificial flatness.
Look at a shadow in real life and it is never black. It carries the colour of whatever is bouncing light into it: cool blue in daylight, warm amber under a lamp, green under trees. Our eyes expect that information, and when it is missing the surface reads as a void instead of a material.
On screens the problem is amplified. Modern displays render true black as an absence of light, so text set in pure black on pure white can visibly shimmer at small sizes, especially for readers with astigmatism. Long-form reading in absolute black is measurably more tiring.
There is a hierarchy cost too. If body text is already at maximum darkness, you have nothing left for emphasis. Headings can’t get stronger, so you reach for size or weight when a simple shift in value would have done the job more elegantly.
There is a print analogy worth borrowing. Designers rarely specify a single ink for black in high-end printing; they build a rich black from several channels so it has depth on the page. Screens deserve the same consideration, even though the mechanics differ.
Dark interfaces suffer the most. A true-black background with pure white text produces the harshest possible pairing, and it makes elevation impossible to express — you cannot go darker than the background, so cards, sheets, and menus lose their sense of layering entirely.
It is worth noticing how rarely you see absolute black in work you admire. Look closely at a well-made book, a considered interface, or a piece of packaging you kept, and the darks almost always carry a hue. That restraint is not a stylistic flourish; it is why the object feels resolved rather than assembled.
Tint Your Neutrals
Give your darks a hint of your brand hue and the entire system starts to feel intentional rather than default.
A near-black with a few percent of blue reads cold, precise, and technical — good for software, finance, and engineering. The same near-black shifted towards red or yellow reads warm and editorial, which suits hospitality, fashion, and anything human-facing.
Do the same at the other end. A pure white background is as blunt as a pure black one. A white carrying a trace of your primary hue, or a warm paper tone, makes photography sit better and makes the page feel art-directed rather than assembled.
Keep the tint subtle enough that nobody can name it. If someone looks at your dark and calls it navy, you have gone too far. The goal is a neutral that quietly belongs to your brand, not a second accent competing for attention.
Temperature should follow the brand rather than trend. If the identity is warm and editorial, cool greys will quietly fight it on every screen, and nobody will be able to say why the palette feels slightly off. Neutrals are where most palettes leak personality.
It is worth testing tinted neutrals against your actual imagery. A warm dark can make cool photography look dirty, and a cool dark can drain warmth from skin tones. Choose the tint that flatters the content you publish most, not the one that looks best on a swatch.
Apply the same logic to borders and dividers. A pure black hairline is almost always too loud, and dropping it to a tinted dark at low opacity keeps the structure legible while letting the content lead. Most interfaces feel calmer within an hour of fixing only this.
Build A Range
One black is not enough. You need a ladder of dark values for surfaces, borders, dividers, and text.
In practice I define three to five darks and give each a job: a background, a raised surface, a border, a primary text colour, and a muted text colour. Each one is a token, so the decision is made once and reused everywhere instead of being re-guessed per screen.
That ladder is what creates depth without shadows. Layered surfaces read as layers because their values differ deliberately, and borders read as structure because they sit between the surface and the text rather than fighting both.
Check the range against real accessibility targets rather than instinct. Softening black doesn’t mean sacrificing legibility — body text should still clear the contrast threshold comfortably. You are removing harshness, not clarity.
Name the values by role rather than appearance — surface, raised, border, text, muted — so the system survives a palette change later. Naming a token after its hex value guarantees it becomes misleading the first time you refine the colour.
Then enforce them. The fastest way a considered dark palette degrades is a stray pure black arriving through a screenshot, an embedded asset, or a component someone imported. Tokens plus a quick audit habit keeps the range intact.
Once the ladder exists, document it in the style guide with the intended use for each step. Colour decisions are the ones teams make most often and remember least accurately, so writing them down is what turns a nice palette into a durable system.
FAQ
01
How does your brand design process work?
02
What's included in your branding packages?
03
Do you also design websites?
04
How long does branding take?
05
What do I need to prepare?
06
Do you offer ongoing support?
07
Can I make tweaks after delivery?
08
How do you ensure my brand stands out from competitors?
Let's Work Together
©2025
Contact Now
Book a discovery call
Let’s create something amazing together! Reach out I’d love to hear about your project and ideas.
or send a message
Jul 7, 2026
Stop Using 100% Black
Pure #000000 almost never exists in the physical world, and on a screen it reads as a hole rather than a colour. Softening your black is the fastest, cheapest upgrade available to almost any palette.
The fix isn’t to make everything grey and timid. It is to give your darks a temperature, a range, and a reason to exist.
Craft
Colour
Craft
Why It Feels Wrong
Absolute black creates maximum contrast against white, which causes halation, eye strain, and a strangely artificial flatness.
Look at a shadow in real life and it is never black. It carries the colour of whatever is bouncing light into it: cool blue in daylight, warm amber under a lamp, green under trees. Our eyes expect that information, and when it is missing the surface reads as a void instead of a material.
On screens the problem is amplified. Modern displays render true black as an absence of light, so text set in pure black on pure white can visibly shimmer at small sizes, especially for readers with astigmatism. Long-form reading in absolute black is measurably more tiring.
There is a hierarchy cost too. If body text is already at maximum darkness, you have nothing left for emphasis. Headings can’t get stronger, so you reach for size or weight when a simple shift in value would have done the job more elegantly.
There is a print analogy worth borrowing. Designers rarely specify a single ink for black in high-end printing; they build a rich black from several channels so it has depth on the page. Screens deserve the same consideration, even though the mechanics differ.
Dark interfaces suffer the most. A true-black background with pure white text produces the harshest possible pairing, and it makes elevation impossible to express — you cannot go darker than the background, so cards, sheets, and menus lose their sense of layering entirely.
It is worth noticing how rarely you see absolute black in work you admire. Look closely at a well-made book, a considered interface, or a piece of packaging you kept, and the darks almost always carry a hue. That restraint is not a stylistic flourish; it is why the object feels resolved rather than assembled.
Tint Your Neutrals
Give your darks a hint of your brand hue and the entire system starts to feel intentional rather than default.
A near-black with a few percent of blue reads cold, precise, and technical — good for software, finance, and engineering. The same near-black shifted towards red or yellow reads warm and editorial, which suits hospitality, fashion, and anything human-facing.
Do the same at the other end. A pure white background is as blunt as a pure black one. A white carrying a trace of your primary hue, or a warm paper tone, makes photography sit better and makes the page feel art-directed rather than assembled.
Keep the tint subtle enough that nobody can name it. If someone looks at your dark and calls it navy, you have gone too far. The goal is a neutral that quietly belongs to your brand, not a second accent competing for attention.
Temperature should follow the brand rather than trend. If the identity is warm and editorial, cool greys will quietly fight it on every screen, and nobody will be able to say why the palette feels slightly off. Neutrals are where most palettes leak personality.
It is worth testing tinted neutrals against your actual imagery. A warm dark can make cool photography look dirty, and a cool dark can drain warmth from skin tones. Choose the tint that flatters the content you publish most, not the one that looks best on a swatch.
Apply the same logic to borders and dividers. A pure black hairline is almost always too loud, and dropping it to a tinted dark at low opacity keeps the structure legible while letting the content lead. Most interfaces feel calmer within an hour of fixing only this.
Build A Range
One black is not enough. You need a ladder of dark values for surfaces, borders, dividers, and text.
In practice I define three to five darks and give each a job: a background, a raised surface, a border, a primary text colour, and a muted text colour. Each one is a token, so the decision is made once and reused everywhere instead of being re-guessed per screen.
That ladder is what creates depth without shadows. Layered surfaces read as layers because their values differ deliberately, and borders read as structure because they sit between the surface and the text rather than fighting both.
Check the range against real accessibility targets rather than instinct. Softening black doesn’t mean sacrificing legibility — body text should still clear the contrast threshold comfortably. You are removing harshness, not clarity.
Name the values by role rather than appearance — surface, raised, border, text, muted — so the system survives a palette change later. Naming a token after its hex value guarantees it becomes misleading the first time you refine the colour.
Then enforce them. The fastest way a considered dark palette degrades is a stray pure black arriving through a screenshot, an embedded asset, or a component someone imported. Tokens plus a quick audit habit keeps the range intact.
Once the ladder exists, document it in the style guide with the intended use for each step. Colour decisions are the ones teams make most often and remember least accurately, so writing them down is what turns a nice palette into a durable system.
FAQ
01
How does your brand design process work?
02
What's included in your branding packages?
03
Do you also design websites?
04
How long does branding take?
05
What do I need to prepare?
06
Do you offer ongoing support?
07
Can I make tweaks after delivery?
08
How do you ensure my brand stands out from competitors?
Let's Work Together
©2025
Contact Now
Book a discovery call
Let’s create something amazing together! Reach out I’d love to hear about your project and ideas.
or send a message
Jul 7, 2026
Stop Using 100% Black
Pure #000000 almost never exists in the physical world, and on a screen it reads as a hole rather than a colour. Softening your black is the fastest, cheapest upgrade available to almost any palette.
The fix isn’t to make everything grey and timid. It is to give your darks a temperature, a range, and a reason to exist.
Craft
Colour
Craft
Why It Feels Wrong
Absolute black creates maximum contrast against white, which causes halation, eye strain, and a strangely artificial flatness.
Look at a shadow in real life and it is never black. It carries the colour of whatever is bouncing light into it: cool blue in daylight, warm amber under a lamp, green under trees. Our eyes expect that information, and when it is missing the surface reads as a void instead of a material.
On screens the problem is amplified. Modern displays render true black as an absence of light, so text set in pure black on pure white can visibly shimmer at small sizes, especially for readers with astigmatism. Long-form reading in absolute black is measurably more tiring.
There is a hierarchy cost too. If body text is already at maximum darkness, you have nothing left for emphasis. Headings can’t get stronger, so you reach for size or weight when a simple shift in value would have done the job more elegantly.
There is a print analogy worth borrowing. Designers rarely specify a single ink for black in high-end printing; they build a rich black from several channels so it has depth on the page. Screens deserve the same consideration, even though the mechanics differ.
Dark interfaces suffer the most. A true-black background with pure white text produces the harshest possible pairing, and it makes elevation impossible to express — you cannot go darker than the background, so cards, sheets, and menus lose their sense of layering entirely.
It is worth noticing how rarely you see absolute black in work you admire. Look closely at a well-made book, a considered interface, or a piece of packaging you kept, and the darks almost always carry a hue. That restraint is not a stylistic flourish; it is why the object feels resolved rather than assembled.
Tint Your Neutrals
Give your darks a hint of your brand hue and the entire system starts to feel intentional rather than default.
A near-black with a few percent of blue reads cold, precise, and technical — good for software, finance, and engineering. The same near-black shifted towards red or yellow reads warm and editorial, which suits hospitality, fashion, and anything human-facing.
Do the same at the other end. A pure white background is as blunt as a pure black one. A white carrying a trace of your primary hue, or a warm paper tone, makes photography sit better and makes the page feel art-directed rather than assembled.
Keep the tint subtle enough that nobody can name it. If someone looks at your dark and calls it navy, you have gone too far. The goal is a neutral that quietly belongs to your brand, not a second accent competing for attention.
Temperature should follow the brand rather than trend. If the identity is warm and editorial, cool greys will quietly fight it on every screen, and nobody will be able to say why the palette feels slightly off. Neutrals are where most palettes leak personality.
It is worth testing tinted neutrals against your actual imagery. A warm dark can make cool photography look dirty, and a cool dark can drain warmth from skin tones. Choose the tint that flatters the content you publish most, not the one that looks best on a swatch.
Apply the same logic to borders and dividers. A pure black hairline is almost always too loud, and dropping it to a tinted dark at low opacity keeps the structure legible while letting the content lead. Most interfaces feel calmer within an hour of fixing only this.
Build A Range
One black is not enough. You need a ladder of dark values for surfaces, borders, dividers, and text.
In practice I define three to five darks and give each a job: a background, a raised surface, a border, a primary text colour, and a muted text colour. Each one is a token, so the decision is made once and reused everywhere instead of being re-guessed per screen.
That ladder is what creates depth without shadows. Layered surfaces read as layers because their values differ deliberately, and borders read as structure because they sit between the surface and the text rather than fighting both.
Check the range against real accessibility targets rather than instinct. Softening black doesn’t mean sacrificing legibility — body text should still clear the contrast threshold comfortably. You are removing harshness, not clarity.
Name the values by role rather than appearance — surface, raised, border, text, muted — so the system survives a palette change later. Naming a token after its hex value guarantees it becomes misleading the first time you refine the colour.
Then enforce them. The fastest way a considered dark palette degrades is a stray pure black arriving through a screenshot, an embedded asset, or a component someone imported. Tokens plus a quick audit habit keeps the range intact.
Once the ladder exists, document it in the style guide with the intended use for each step. Colour decisions are the ones teams make most often and remember least accurately, so writing them down is what turns a nice palette into a durable system.
FAQ
How does your brand design process work?
What's included in your branding packages?
Do you also design websites?
How long does branding take?
What do I need to prepare?
Do you offer ongoing support?
Can I make tweaks after delivery?
How do you ensure my brand stands out from competitors?
Let's Work Together
©2025
Contact Now
Book a
discovery call
Let’s create something amazing together! Reach out I’d love to hear about your project and ideas.
or send a message