Muted Blue Hex Codes: 60 Muted, softly saturated shades
87 muted, softly saturated shades of blue with names, hex codes, contrast on white and the best text color for each.
These are the muted, softly saturated shades of blue in Tintly's color library: 87 of the 232 blue shades. Muted shades are calm and sophisticated. They suit large areas and brands that want to feel composed.
Muted blue shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Void | #050D25 | 19.25:1 | #FFFFFF |
| Oxford by Night | #001B2E | 17.55:1 | #FFFFFF |
| Dark Knight | #151931 | 17.27:1 | #FFFFFF |
| Naval Night | #011C39 | 17.12:1 | #FFFFFF |
| Trapped Darkness | #0E1D32 | 16.92:1 | #FFFFFF |
| Midnight Dreams | #002233 | 16.44:1 | #FFFFFF |
| Sombre Night | #161E34 | 16.54:1 | #FFFFFF |
| Nightwalker | #161D3B | 16.49:1 | #FFFFFF |
| Dark Eclipse | #112244 | 15.71:1 | #FFFFFF |
| Midnight Ocean | #0F2D4D | 13.97:1 | #FFFFFF |
| Nordic Noir | #003344 | 13.48:1 | #FFFFFF |
| Sea of Stars | #0B334D | 13.16:1 | #FFFFFF |
| Blue Whale | #1E3442 | 12.92:1 | #FFFFFF |
| Into the Night | #1E3642 | 12.63:1 | #FFFFFF |
| Astral Nomad | #203943 | 12.15:1 | #FFFFFF |
| Nautilus | #273C5A | 11.16:1 | #FFFFFF |
| Depths of the Nile | #253F4E | 11.05:1 | #FFFFFF |
| Cold and Dark | #154250 | 10.89:1 | #FFFFFF |
| Capital Blue | #1A4157 | 10.83:1 | #FFFFFF |
| Pi | #314159 | 10.33:1 | #FFFFFF |
| Mallard | #254855 | 9.82:1 | #FFFFFF |
| Seafarer | #204D68 | 9.04:1 | #FFFFFF |
| Bonne Nuit | #3A4866 | 9.13:1 | #FFFFFF |
| Nocturne | #344D58 | 8.94:1 | #FFFFFF |
| Bluedgeons | #324C64 | 8.92:1 | #FFFFFF |
| Juggernaut | #255367 | 8.36:1 | #FFFFFF |
| Great Void | #3B5760 | 7.72:1 | #FFFFFF |
| Inkjet | #44556B | 7.61:1 | #FFFFFF |
| Stargazer | #3F5865 | 7.51:1 | #FFFFFF |
| Night Shift | #2A5C6A | 7.40:1 | #FFFFFF |
| Under the Sea | #395D68 | 7.14:1 | #FFFFFF |
| Atlantis | #336172 | 6.78:1 | #FFFFFF |
| Stellar | #46647E | 6.20:1 | #FFFFFF |
| Calypso | #3D7188 | 5.36:1 | #FFFFFF |
| Shipyard | #4F6F85 | 5.32:1 | #FFFFFF |
| Hydro | #49747F | 5.13:1 | #FFFFFF |
| Haunt Mist | #5F6D91 | 5.14:1 | #FFFFFF |
| Plumbeous | #5C7287 | 4.98:1 | #FFFFFF |
| Beach View | #4F7694 | 4.82:1 | #FFFFFF |
| Night Owl | #5D7B89 | 4.50:1 | #FFFFFF |
| Whale Shark | #607C8E | 4.40:1 | #000000 |
| Bay View | #6A819E | 4.00:1 | #111111 |
| Stonewash | #74819A | 3.92:1 | #111111 |
| Horizon | #648894 | 3.82:1 | #111111 |
| Gothic | #698890 | 3.80:1 | #111111 |
| Tempest | #79839B | 3.79:1 | #111111 |
| Cavolo Nero | #72939E | 3.29:1 | #111111 |
| Galactic Gossamer | #7F8CB8 | 3.30:1 | #111111 |
| Moon Veil | #8D99B1 | 2.86:1 | #111111 |
| Sailing | #869CBB | 2.80:1 | #111111 |
| Grauzone | #85A3B2 | 2.66:1 | #111111 |
| Serene Sea | #78A7C3 | 2.58:1 | #111111 |
| Equanimity | #83A9B3 | 2.53:1 | #111111 |
| High Tide | #85A6C8 | 2.53:1 | #111111 |
| Windfall | #84A7CE | 2.50:1 | #111111 |
| Open Seas | #83AFBC | 2.38:1 | #111111 |
| Old World | #91A8CF | 2.41:1 | #111111 |
| Shallow Sea | #9AB8C2 | 2.09:1 | #111111 |
| Juvie | #8ABBD0 | 2.07:1 | #111111 |
| Mont Blanc | #9EB6D8 | 2.07:1 | #111111 |
How to use them
Use a muted shade as the main brand surface and add a single vivid or light shade for emphasis, so the palette has a focal point.
Standouts in this group
- Darkest: Void (#050D25), at 17% lightness.
- Lightest: Veiling Waterfalls (#D4EAFF), at 93% lightness.
- Most saturated: Windfall (#84A7CE).
- Best text color on white: Void (#050D25), at 19.25:1.
What the numbers say
Across all 232 blue shades in the library, lightness runs from 14% to 93%. 122 of them reach 4.5 to 1 on white, so they can be used as text on a light page, and 107 reach 4.5 to 1 on near-black, so they can be used as text on a dark page. The rest are for fills, surfaces and large type, where the requirement is lower. Within the muted, softly saturated shades the figures are different: 40 of 87 pass on white.
Pairing with other families
The base blue (#2463EB) separates best from beige (3.68:1), yellow (3.14:1) and orange (1.96:1). Because blue stands for sky, sea and trust, those pairings carry the most contrast of both color and meaning.
- Blue and beige: see the combinations in soft, bold and dark versions.
- Blue and yellow: see the combinations in soft, bold and dark versions.
- Blue and orange: see the combinations in soft, bold and dark versions.