Monochromatic Color Palette Guide
A monochromatic color palette is built from one hue varied only by lightness and saturation — its tints, shades, and tones. There is no second color to clash, so the scheme is harmonious by definition, which makes it the easiest palette type to get right and a favorite for clean, sophisticated design. The named palettes and hex table below are ready to use, followed by guidance on combining them.
For why single-hue schemes feel so calm and unified, see our color psychology guide. A monochromatic palette is the simplest point on the harmony spectrum — to compare it with two-hue schemes, see analogous vs complementary colors. The whole system depends on understanding tint vs shade vs tone, and it sits close to the minimalist color palette in spirit.
What is a monochromatic color palette?
Monochromatic means “one color.” A monochromatic palette takes a single hue — say blue — and creates variation only by adding white (a tint, making it lighter), black (a shade, making it darker), or gray (a tone, making it softer). Every swatch in the palette has the same underlying hue, so they cannot clash. Using a blue example, the scale runs from a deep navy blue (#0D47A1) through a true blue (#1976D2), a bright blue (#42A5F5), a soft blue (#90CAF9), to a pale blue (#E3F2FD). This is what separates monochromatic from analogous (neighboring hues) or complementary (opposite hues) schemes — here there is genuinely only one hue.
| Color name | Hex | RGB | Role |
|---|---|---|---|
| Deep Blue (shade) | #0D47A1 | 13, 71, 161 | Anchor / text |
| True Blue (base) | #1976D2 | 25, 118, 210 | Primary |
| Bright Blue (tint) | #42A5F5 | 66, 165, 245 | Secondary |
| Soft Blue (tint) | #90CAF9 | 144, 202, 249 | Surfaces / fills |
| Pale Blue (tint) | #E3F2FD | 227, 242, 253 | Background |
5 monochromatic palettes with hex codes
Each scheme is a single hue in tints and shades. Copy the hex codes directly.
1. Blue Monochromatic
The classic five-step blue scale — calm, professional, and cohesive.
Deep Blue #0D47A1 True Blue #1976D2 Bright Blue #42A5F5 Soft Blue #90CAF9 Pale Blue #E3F2FD
2. Green Monochromatic
A single green hue from forest dark to mint pale — fresh and natural.
Forest Green #1B5E20 True Green #388E3C Leaf Green #66BB6A Soft Green #A5D6A7 Mint #E8F5E9
3. Red Monochromatic
One red hue from deep crimson to pale blush — warm and confident.
Crimson #8B1A1A True Red #C62828 Soft Red #E57373 Rose #EF9A9A Blush #FFEBEE
4. Purple Monochromatic
A single violet hue from deep to lilac — elegant and creative.
Deep Violet #4A148C True Purple #7B1FA2 Orchid #AB47BC Soft Lilac #CE93D8 Pale Lilac #F3E5F5
5. Gray (Neutral) Monochromatic
A single neutral run — the most versatile, near-minimalist monochrome.
Near-Black #212121 Dark Gray #616161 Mid Gray #9E9E9E Light Gray #E0E0E0 Off-White #F5F5F5
How to build a monochromatic palette
Start with one base hue you like — the True Blue (#1976D2) in our example. To extend it lighter, add white to create tints (#42A5F5, #90CAF9, #E3F2FD); to extend it darker, add black to create shades (#0D47A1); to mute it, add gray to create tones. Aim for four to six steps with even spacing in lightness so the scale reads as a smooth gradient rather than a jump. Most design tools let you pick a hue and pull its tints and shades automatically, but doing it by eye and checking the steps are evenly spaced gives the most polished result.
The one risk with monochromatic schemes is flatness — because there is no contrasting hue, you must create contrast through value instead. Make sure your darkest shade and lightest tint are far enough apart that text stays legible. If a pure single-hue scheme feels too quiet, add a small amount of a true neutral (white, black, or gray) without breaking the monochromatic feel, since neutrals do not count as a second hue.
How to use a monochromatic palette in design
The defining move is using value to do the work color usually does. Assign your darkest shade to text and anchors, your base hue to primary elements and buttons, mid tints to secondary surfaces, and your palest tint to backgrounds. A monochromatic blue layout might use Pale Blue (#E3F2FD) backgrounds, True Blue (#1976D2) for primary actions, and Deep Blue (#0D47A1) for headings and body text.
Because everything shares one hue, the scheme feels instantly cohesive and is nearly impossible to make ugly — which is exactly why it suits beginners and brand systems alike. The trade-off is that it can feel monotone, so introduce interest through typography, imagery, and spacing rather than reaching for a second color. For more options to extend any single-hue scale, browse our shades of blue reference, and consider whether your hue leans warm or cool using warm vs cool colors.
Monochromatic palette for branding and web
In branding, a monochromatic palette reads as focused, confident, and unmistakably “owned” — a brand built around one hue becomes recognizable fast. It suits identities that want a single strong color association. See how to choose brand colors for choosing the right base hue, then build the full tint-and-shade scale from it. If you want neutrals alongside the hue, our neutral color palette guide pairs cleanly with any monochromatic base.
On the web, monochromatic palettes make design-system work easy: one hue generates a complete, consistent set of UI states (default, hover, disabled, background) just by varying lightness. The key accessibility check is contrast — confirm your text shade against your background tint meets WCAG ratios, since single-hue schemes can drift into low contrast if the steps are too close. Used with discipline, a monochromatic palette is the most reliably harmonious scheme you can ship.
Frequently Asked Questions
What is a monochromatic color palette?
A monochromatic color palette uses one hue varied only by tints (adding white), shades (adding black), and tones (adding gray). For example, a blue palette runs from #0D47A1 to #E3F2FD. Because every color shares the same hue, the scheme is automatically harmonious and cohesive.
What is the difference between monochromatic and analogous?
Monochromatic uses a single hue in different tints and shades, while analogous uses two or three neighboring hues on the color wheel (such as blue, blue-green, and green). Monochromatic is the most unified; analogous adds gentle variety while staying harmonious.
How many colors are in a monochromatic palette?
Typically four to six steps of one hue, ranging from a dark shade through the base color to several light tints. Even spacing in lightness matters more than the exact count — the goal is a smooth value scale with enough contrast for legible text.
Do neutrals break a monochromatic palette?
No. Pure white, black, and gray are not hues, so adding them does not break the single-hue rule. Designers regularly pair a monochromatic scheme with neutrals to provide contrast and breathing room without introducing a competing color.
