Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#6699CC
PANTONE 15-4007 TCX
COLOR GUIDE Cool-Muted

Blue Gray

Calm, Sophisticated, and Versatile
Hex
#6699CC
RGB
102, 153, 204
CMYK
50%, 25%, 0%, 20%
HSL
210°, 50%, 60%
ABOUT & ORIGIN

What is Blue Gray? Where does the name come from?

Also known as: Slate Blue, Steel Blue

Blue Gray is a beautiful, muted shade that sits at the intersection of blue and gray. It’s a sophisticated, calming color that feels both modern and timeless — the color of misty mornings, coastal stones, and well-worn denim. Blue Gray has a subtle, understated quality that makes it incredibly versatile. It’s not as bold as pure blue, nor as somber as gray — it’s the perfect middle ground that works beautifully in almost any context.

Designer note:

Blue Gray is often confused with Slate Blue (which has a violet undertone) or Steel Blue (which is slightly more saturated). Its superpower is its versatility — Blue Gray is one of the most adaptable shades, working beautifully in both traditional and contemporary contexts.

MEANING SPECIFIC TO BLUE GRAY

Psychology of Blue Gray

Blue Gray is associated with calm, stability, and quiet confidence. It’s a color that promotes clear thinking and emotional balance, often used in corporate branding, healthcare, and interior design. In color psychology, Blue Gray is linked to reliability, professionalism, and a sense of peace. Unlike brighter blues that can feel energetic or assertive, Blue Gray is composed and thoughtful — it’s the color of wisdom and experience, of quiet competence.

Where you'll see it

• Corporate branding and logos for a professional, trustworthy image
• Healthcare and wellness spaces for a calm, healing atmosphere
• Modern interiors for a sophisticated, understated look
• UI design for financial and tech companies to convey security
• Office environments and co-working spaces for a productive, focused feel

🎨 COLOR HARMONIES USING BLUE GRAY

Find The Perfect Blue Gray Color Palette

Blue Gray Color Palettes

Complementary
#6699cc
#cc9966
Monochromatic
#98cbfe
#7fb2e5
#6699cc
#4d80b3
#34679a
Triadic
#6699cc
#cc6699
#99cc66
Analogous
#66cc99
#66cccc
#6699cc
#6666cc
#9966cc
Shades
#5884af
#496e93
#3b5976
#2d435a
Tints
#85add6
#a3c2e0
#c2d6eb
#e0ebf5
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING BLUE GRAY

Tips & Ideas On Where To Use Blue Gray

Interior & Decor

Blue Gray creates a calm, sophisticated atmosphere in interiors. It’s perfect for bedrooms, living rooms, and home offices where you want a sense of tranquility and focus. Pair it with crisp white and warm woods for a clean, modern look, or with navy and charcoal for a more layered, sophisticated palette. Blue Gray also works beautifully as an accent color in bathrooms and kitchens, adding a subtle touch of color without overwhelming the space.

Best white to pair: #FFFFFF - Pure White

Fashion & Style

Blue Gray is a sophisticated, versatile color for fashion. It works beautifully in workwear, formal attire, and casual wear. A blue gray suit or dress feels professional and understated, perfect for the office or formal events. For a more casual look, try Blue Gray in knitwear, outerwear, or accessories. It pairs beautifully with white, black, camel, and warm neutrals, making it a versatile addition to any wardrobe.

Design Tips

• A great alternative to Navy or Steel Blue — it’s softer and more approachable
• Pairs beautifully with white, warm woods, and cream for a clean, fresh look
• Can feel cold without warm accents — balance with wood, brass, or terracotta
• In UI design, Blue Gray works well for backgrounds, cards, and secondary elements
• For branding, Blue Gray conveys professionalism, calm, and reliability

ACCESSIBILITY

How To Use Blue Gray For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Blue Gray is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Blue Gray is used on a light background.
Checking…
Blue Gray As Background
White on Blue Gray
Paragraph text on a Blue Gray background - does it remain readable?
Checking…
Black on Blue Gray
Black on Blue Gray
Paragraph text on a Blue Gray background with black text - does it remain readable?
Checking…
Not quite passing? Adjust shades until you get 4.5:1
Open Contrast Checker →
FREE COLOR TOOLS

Use Our free Tools To Find The Perfect Colors To Use With Blue Gray

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #6699CC
RGB 102, 153, 204
CMYK 50%, 25%, 0%, 20%
LRV 45

At a Glance

FamilyBlue
TempCool
UndertoneGray-Blue

Pairs Well With

Blue Gray #6699CC
Lightest Tint #e0ebf5
Darkest Shade #2d435a
Analogous Left #66cccc
Analogous Right #6666cc
Complementary #cc9966