Blue-Gray Color Meaning | Connotations, Pairings & Hex

The color name blue-gray describes colors perceived as shades of blue with gray undertones or shades of gray with blue undertones. It overlaps with color names like steel blue, slate gray, and dusty blue.

This article explores the meanings that the color blue-gray can communicate, presents a selection of blue-gray shades with their color codes, and shows the effects you can create by combining blue-gray with other colors.

If you’ve found an inspiring image featuring a shade of blue-gray, upload it to Quillbot’s free Color Palette Generator to identify its color code.

Humanize AI for free

What does blue-gray symbolize?

Grayish blues and bluish grays are associated with calmness, stability, and understated sophistication.

In branding design, you can use blue-gray:

• To convey reliability, professionalism, and trustworthiness
• To create a sophisticated, restrained visual identity
• As a versatile background color that allows brighter accent colors to stand out

In interior design, you can use blue-gray:

• On walls to create a calm, restful atmosphere in bedrooms and living rooms
• For cabinetry, upholstery, and furnishings to introduce subtle color without overwhelming a space
• To lend a cool contrast to warm elements such as wood tones, warm neutrals, or brass accents

Blue-gray hex code

Blue-gray is not a named CSS color, but the following CSS colors fall within the blue-gray range:

• SlateGray #708090
• LightSlateGray #778899
• LightSteelBlue #B0C4DE

Here are some other blue-gray color codes that you can view and refine using Quillbot’s free online Color Wheel tool.

• #43576B for a deep, dark blue-gray
• #59738B for a muted, medium-dark blue-gray
• #7089A1 for a medium blue-gray
• #93AABD for a soft, medium-light blue-gray
• #D4DEE7 for a very pale, cool blue-gray

Color conversion

Color variations

What colors go with blue-gray?

Explore these blue-gray color pairings for ideas that you can incorporate into a palette for your project.

• Deep blue-gray #43576B and ivory #F6EFE6 for an elegant, sophisticated combination with a soft, warm contrast
• Dark blue-gray #59738B and golden ochre #D9A441 for a refined pairing that balances coolness with warmth
• Slate gray #708090 and blush pink #E6B8B1 for a soft, contemporary combination with a gentle, romantic feel
• Light slate gray #778899 and deep plum #5B3659 for a rich, sophisticated pairing with a dramatic character
• Medium blue-gray #7089A1 and burnt orange #C96A2B for a striking, contemporary combination with a lively warm-cool contrast
• Soft blue-gray #93AABD and terracotta #B85C47 for an earthy, inviting palette that balances warm and cool tones
• Light steel blue #B0C4DE and navy blue #1B365D for a harmonious tonal combination that conveys professionalism and reliability
• Pale blue-gray #D4DEE7 and charcoal gray #30343B for a clean, minimalist pairing with strong light-dark contrast
• Medium blue-gray #7089A1 and sage green #A3B18A for a calming, nature-inspired palette with a subtle, muted character
• Light slate gray #778899 and butter yellow #F6D77A for a fresh, cheerful pairing to introduce warmth and brightness to a subdued color scheme