
9 Striking Blue And Gray Color Palettes With Hex Codes
Today we are going to be looking at some gorgeous blue and gray color palettes and equally beautiful blue-gray color combinations! These subtle, yet striking color combinations offer a unique twist on the traditional blue color scheme but can be just as memorable, impactful, and timeless!
Let’s get started!
Blue And Gray Hex Codes And RGB Values
Blue-gray is a beautiful subtle color that is found somewhere in between primary blue (#0000FF) and gray (#808080). This is what primary blue and the traditional gray color look like:
Primary Blue
Hex Code: #0000FF
RGB Code: RGB(0,0,255)
Gray
Hex Code: #808080
RGB Code: RGB(128,128,128)
Blue Gray Hex Code And RGB Value
Blue gray is a soft tone found between blue and gray and is one of my favorite colors! It is a pretty versatile color that can be paired with a wide range of other colors such as warm earthy tones and bright accent colors. This is what it looks like:
Blue Gray
Hex Code: #6699CC
RGB Code: RGB(102,153,204)
Blue And Gray Color Palettes
Let’s take a look at some beautiful blue and gray color palettes including those that take advantage of the gorgeous blue-gray color!
Each color combination comes with a color code table containing each color’s hex code so that you can choose the exact colors you would like to use when you choose colors for your website or design.
Winter-Inspired Blue Gray Color Palette
Dark gray combines beautifully with blue-gray as well as other softer shades of grey. Add white for a bright accent!

#484D5D | #869DB9 | #9097AA | #B2AFB8 | #DBD7E3 |
Misty Blue and Gray Palette
This calm and soothing color palette uses light and dark gray colors contrasted against teal-colored blues.

#4C5256 | #727D84 | #557C8D | #A8BDC4 | #D0CECD |
Neutral Gray And Blue Color Combinations
Both light gray and dark gray colors are used in this color palette creating a more neutral look and feel. However, the bright splash of blue makes the palette eye-catching and bold!

#444E56 | #6A747D | #BBBEC0 | #EDF9FE | #69A1BD |
Brighter Blue Accents
This blue and gray color palette is very similar to the previous one however the colors are a bit darker and more dynamic!

#1E2126 | #4F5052 | #7F8184 | #A8AAAD | #3086BD |
Bold Gray and Blue Palette
If you are looking for a brighter and bolder blue-gray color palette then this one might suit you! It is a combination of a very dark blue combined with a more navy blue and baby blue.
The blue colors are contrasted with shades of dark and light gray to create beautiful accents. This color palette is a popular choice in corporate environments.

#161727 | #273E7F | #686B73 | #BCBFBF | #D7EEF9 |
A Little Less Bold…
This blue-gray color palette is very similar to the previous one except that it only uses one shade of blue as an accent color against a collection of gray colors.

#1E202C | #588ED9 | #6D7582 | #ACAFB3 | #DFDCDB |
More Blue Than Gray!
If you are looking for a blue-gray color palette that has more blue colors than grays then this one is for you! Using pastel blues with pastel blues contrasted against darker blues and a light gray color makes this soothing and cool blue color palette a great choice.

#2E5487 | #43627E | #648AAF | #94B9D7 | #A2B2C7 |
Sky Blue And Gray Color Palette
The bright sky blues in this color palette are contrasted against softer pastel gray colors.

#6A9EEF | #5F8FEC | #A3B1D5 | #B2C1E0 | #CFDAEB |
Misty Blue Gray Color Palette
This sunset-inspired gray and blue palette has a cool, soothing feel to it and is a great choice if you are wanting a relatively neutral palette that is still incredibly beautiful and appealing.

#333131 | #51768A | #8CA5B5 | #9DA5A9 | #C2C4C5 |
Conclusion
Blue and gray color palettes seem to never go out of style! They have been popular for decades and it’s easy to see why.
I hope that these color palettes and color combinations have helped to inspire you to create your own blue-gray color schemes. If you would like to see more color palettes like this, let me know in the comments section below!
And as always, don’t forget to check out our color palette library where you can see all the color palettes created so far!