The Misty Blue Color Code: HEX, RGB, CMYK

Few colors carry the quiet versatility of misty blue.

Misty blue is a cool, neutral color that blends blue with soft gray undertones. The hue sits low on the saturation scale, creating a calm, hazy tone with RGB values around (160, 175, 183).

It shows up in interiors, fashion, branding, and digital design, often doing the heavy lifting without drawing attention to itself.

This guide covers its color codes, shades, pairings, psychological effects, and practical uses across mediums, so you have everything in one place.

Misty Blue Color Codes

The most widely referenced misty blue sits at #A0AFB7, a muted blue-gray used across Scandinavian-inspired palettes, interior design, and digital interfaces. Some paint brands define it slightly differently. Benjamin Moore’s Misty Blue (820) is #C7D5E4, notably lighter and cooler. Pantone 13-4405 TCX lands at #BFCDCC, leaning toward a faint teal-gray. For this article, we use #A0AFB7 as the base reference.

Here are its values across color systems:

• HEX: #A0AFB7
• RGB: R: 160, G: 175, B: 183
• CMYK: C: 13%, M: 4%, Y: 0%, K: 28%
• HSL: 200.9deg, 13.8% saturation, 67.3% lightness

It sits in the cool-toned end of the RGB color model, with blue as the dominant channel. In CMYK, the black component is high relative to cyan and magenta, which explains the gray quality. The hue angle of roughly 201 degrees places it between sky blue and steel blue on the color wheel. Its low saturation makes it a desaturated blue, not a vivid one.

If you need to convert values for a project, these tools help: RGB to HEX Converter, HEX to RGB Converter, RGB to CMYK converter, and HSL to RGB converter.

It is part of the broader blue color family, sharing territory with powder blue, slate blue, and blue gray. But more on those differences later.

—

Misty Blue Color Palettes

Misty blue works across all major color palette types. Because of its low saturation and cool-neutral base, it holds up in both harmonious and contrasting combinations.

Want to build your own? A color palette generator can speed up the process, especially when exploring analogous colors or complementary color scheme options around this base. Misty blue shows up a lot in cool color palettes, muted color palettes, winter color palettes, and neutral color palettes. It also slots naturally into wedding color palettes and pastel color palettes.

—

Misty Blue Shades

Misty blue covers a range from nearly white to a medium gray-blue, with variations leaning lighter toward off-white or darker toward charcoal. Each shade carries the same cool, low-saturation quality. The tints feel airy. The deeper tones feel more grounded.

Misty blue includes shades from very light near-white tints through a cool mid-tone and into a darker, more slate-like hue. Saturation stays consistently low across all variations. The lighter tints lean almost white-blue, while the darker tones shift toward slate gray.

The differences between each shade come down to lightness and the slight shifts in undertone. Some variations drift marginally toward teal, others stay closer to pure gray-blue. For a tighter look at the blue color family overall, check the guide on blue and related tones like pastel blue and baby blue.

—

What Are the Primary Attributes of Misty Blue?

Misty blue possesses five core attributes: cool temperature (derived from its blue-gray base), low saturation (desaturated, muted quality), high lightness (sits in the upper half of the lightness scale), soft undertones (slight teal or gray cast), and strong calm associations (tied to trust, stillness, and clarity).

—

How Is Misty Blue Used in Interior Design?

Misty blue functions as a versatile neutral in interior design, creating calm, airy spaces that feel larger and more open. Designers use it for walls, soft furnishings, and cabinetry across Scandinavian, coastal, and minimalist styles, building restful environments that reduce visual noise and support relaxation.

It works particularly well in bedrooms, bathrooms, and home offices. Pair it with white trim and natural wood tones for a clean, fresh result.

Light, muted blues like this are common in spas and wellness spaces because they quiet the eye and support the body’s rest response. The color reads as “clean” without being sterile. In kitchens, it shows up on cabinetry as a softer alternative to gray or white.

For reference on color palette building in interior contexts, it pairs naturally with gray, cream, white, and sand. Its white space friendliness makes it a strong candidate for minimalist design applications too.

—

What Psychology and Emotions Does Misty Blue Evoke?

Misty blue evokes calm, trust, clarity, and quiet reflection through its ties to sky, fog, and still water. Color psychology research indicates it slows heart rate, lowers perceived stress, and creates low-stimulation environments that support focus and emotional ease.

Its low saturation is a big part of why it works. High-saturation blues can feel cold or clinical. Misty blue avoids both problems.

In Japanese culture, the tone is linked to early morning stillness and fresh starts. Western associations lean toward purity, spiritual reflection, and clear thought. It shows up in meditation apps, wellness branding, and breathwork imagery for exactly these reasons.

One caveat: overuse of pale, cool blues in large spaces can create emotional distance. Balance it with warm accents like amber, terracotta, or dusty rose to keep it from feeling detached.

—

How Is Misty Blue Applied in Fashion and Clothing?

Misty blue serves as a dependable wardrobe neutral in fashion, offering understated elegance through flowing fabrics and layered seasonal pieces. Designers use it for its flattering, skin-tone-neutral quality, versatility across casual and formal contexts, and ability to carry well from spring into fall.

It shows up most in silk, chiffon, and linen pieces. Think summer dresses, soft blazers, and bridesmaid gowns. The desaturated tone means it works on most skin undertones without fighting them.

Street style uses it for layering. Pair a misty blue linen shirt under a neutral coat and it reads quiet and considered without trying too hard. Runway collections often pull it into soft tailoring for the same reason. It never shouts.

As a wardrobe color, it sits comfortably next to ivory, silver, mauve, and sage. It also pairs with navy blue for a tonal look that stays coherent without being flat.

—

What Colors Complement and Contrast With Misty Blue?

Misty blue complements white, cream, sage green, dusty rose, and warm gray, while contrasting effectively with coral, terracotta, and warm amber. These combinations produce calm, refined palettes that use misty blue’s neutral cool base as a soft anchor for warmer or brighter accent tones.

Complementary Colors

Misty Blue + White

• Color Theory Basis: High-contrast tonal pairing; white amplifies lightness and clarity
• Visual Effect: Clean, open, Scandinavian-style freshness
• Best Applications: Bedrooms, branding, UI backgrounds, wedding stationery
• Ratio Recommendations: 70% white, 30% misty blue
• Example Uses: White-trimmed walls with misty blue paint, product packaging, wellness apps

Misty Blue + Dusty Rose

• Color Theory Basis: Warm-cool contrast using two desaturated, low-key tones from opposite temperature zones
• Visual Effect: Romantic, soft, vintage-inspired warmth
• Best Applications: Wedding palettes, fashion lookbooks, editorial design, bedroom decor
• Ratio Recommendations: 60% misty blue, 40% dusty rose
• Example Uses: Bridesmaid palette, packaging for beauty brands, lifestyle photography backgrounds

Misty Blue + Sage Green

• Color Theory Basis: Both are desaturated, cool-to-neutral tones; analogous colors on the cool spectrum
• Visual Effect: Earthy, natural, quiet. Feels like a coastal or botanical space
• Best Applications: Nature-inspired branding, bathrooms, sustainable packaging
• Ratio Recommendations: 50/50 split, or 65% misty blue as base with sage as accent
• Example Uses: Spa interiors, skincare branding, nature photography presets

Misty Blue + Warm Cream

• Color Theory Basis: Cool-neutral against warm-neutral; tonal balance without hard contrast
• Visual Effect: Soft, inviting, timeless. Works as a full-room palette without feeling cold
• Best Applications: Living rooms, bedroom textiles, stationery, lifestyle branding
• Ratio Recommendations: 60% cream, 40% misty blue
• Example Uses: Linen bedding sets, interior mood boards, product photography

Contrasting Colors

Misty Blue + Coral

• Contrast Type: Warm-cool complementary tension
• Visual Impact: Lively and energetic without being aggressive
• Best Applications: Summer editorial, social media graphics, casual fashion styling
• Balance Strategies: Keep coral as a small accent, around 20-25% of the palette

Misty Blue + Terracotta

• Contrast Type: Cool-blue against warm earth tone
• Visual Impact: Grounded and warm; prevents misty blue from feeling cold
• Best Applications: Bohemian interiors, travel branding, autumn fashion
• Balance Strategies: Use terracotta in small doses as ceramics, cushions, or trim detail

Misty Blue + Amber

• Contrast Type: Split-complementary warm-cool
• Visual Impact: Rich contrast with an old-world, artisanal feel
• Best Applications: Hospitality branding, print design, autumn editorial
• Balance Strategies: Amber works best as metallic hardware or typographic accent, not as a fill color

Color Scheme Types

• Monochromatic: Tints and deeper tones of misty blue, from near-white to slate-gray blue. See monochrome colors for context.
• Analogous: Misty blue with adjacent cool tones like periwinkle, soft teal, and powder blue
• Triadic: Misty blue with dusty rose and a muted sage green. See triadic color scheme basics.
• Split-Complementary: Misty blue with warm peach and soft gold. See split-complementary color scheme for mechanics.
• Tetradic: Misty blue, dusty rose, sage green, and warm cream. See tetradic color scheme for guidance.

Practical Pairing Guidelines

• 60-30-10 Rule: Use misty blue as the dominant 60% wall or background color, a warm neutral (cream or light gray) at 30%, and a contrasting warm accent (coral, amber, or terracotta) at 10%
• Accent Color Strategy: Misty blue functions well as the base rather than the accent. Let warmer tones do the emphasis work.
• Neutral Bridging: Cool gray or warm beige bridges misty blue to stronger accent colors without jarring transitions

—

How Does Misty Blue Differ From Similar Cool Colors?

Misty blue differs from powder blue (brighter, less gray), slate blue (more purple undertone, deeper saturation), baby blue (lighter and more pure blue, less gray), and steel blue (darker, more saturated and cooler) through its specific balance of desaturation, warmth-neutral gray undertone, and mid-range lightness.

Visual Comparison Chart

The gray component in misty blue is what separates it from most other soft blues. Colors like light blue or sky blue read as more purely blue. Misty blue reads more “weathered” or “worn in,” which is why it fits so well in vintage and Scandinavian palettes.

—

How Do You Create Misty Blue in Different Mediums?

Create misty blue by mixing ultramarine blue, titanium white, and a touch of raw umber in paint, or by entering the RGB values (160, 175, 183) in screen-based applications. In all mediums, the gray component is what defines the “misty” quality. Without it, you just get a pale blue.

Acrylic Paint

• Base colors needed: Ultramarine blue, titanium white, raw umber (or a small amount of black)
• Mixing ratios: Start with a large base of titanium white, add small amounts of ultramarine blue, then use raw umber to knock back the saturation to a gray-blue
• Step-by-step: (1) Lay out a white base. (2) Add ultramarine blue in small increments until pale blue. (3) Add raw umber or a tiny touch of black to desaturate. (4) Test on scrap paper, adjust white/blue balance as needed.
• Common mistakes: Adding too much blue at once. It’s easier to deepen than to pull back.
• Adjustment tips: If the mix reads too green, add a tiny amount of dioxazine purple to correct the undertone

Acrylics dry slightly darker than wet, so test your swatch and let it fully cure before committing to the mix.

Oil Paint

• Pigments required: Cerulean blue or Prussian blue, titanium white, a touch of burnt umber
• Mixing technique: Oils blend slowly. Work on a glass palette and mix with a palette knife for clean, consistent results.
• Drying considerations: Oil paint shifts slightly as it dries. Cerulean blue tends to hold its cool character well. Prussian blue can deepen over time, so use sparingly.

The slower drying time works in your favor here. You can blend gradients and tonal shifts with more control than acrylics allow.

Watercolor

• Pigment selection: Cerulean blue (transparent to semi-opaque) works well. Add a minimal amount of neutral tint or mix with a touch of lamp black for the gray-blue quality.
• Dilution ratios: High water-to-pigment ratio for lighter tints; reduce water for deeper applications
• Layering: Build the gray-blue character through transparent washes. Multiple light layers create more depth than one heavy mix.

In watercolor, “misty” comes naturally through dilution. The challenge is controlling the gray undertone without muddying the blue.

Gouache

Mix cerulean or ultramarine blue with titanium white and a small amount of paynes gray. Gouache stays more opaque than watercolor, so the gray reads differently. Paynes gray is handy here because it leans cool, which suits misty blue’s character. Avoid lamp black. It pulls the mix too warm.

Print / CMYK

• Cyan: 13%
• Magenta: 4%
• Yellow: 0%
• Black: 28%
• Printing considerations: The high black percentage means color can shift significantly depending on paper stock. Coated paper gives a cleaner, more accurate result. On uncoated stock, the blue reads slightly warmer and less distinct.
• Pantone matching: Closest match is Pantone 13-4405 TCX (Misty Blue), though the hue sits slightly more teal than the #A0AFB7 base

For unit conversion across design files, these tools help: PX to CM, PX to MM, PX to PT, and PT to PX. When working between screen and print, also see DPI and Pantone for accuracy references.

—

What Are the Best Practices for Using Misty Blue in Design?

Best practices for misty blue include using it as a background or base tone rather than an accent, pairing it with warm neutrals to offset the cool temperature, maintaining strong contrast for text, and limiting use in dark-themed designs where its lightness becomes a liability.

One thing worth noting: misty blue is not a high-contrast color on its own. If you’re using it in UI design, always run it through a color contrast checker. It fails WCAG standards against white backgrounds for small body text. Use dark text, not light, on any misty blue surface.

Visual hierarchy relies on contrast. Misty blue as a background naturally pushes content forward. Use it as a section fill, a card background, or a UI panel, then put dark charcoal or near-black text on top.

In print, work with a grid system to keep compositions balanced. Misty blue’s softness means it needs structure around it or it can feel unanchored. The golden ratio and the rule of thirds work well for layout decisions when this color dominates a composition.

For digital work, also consider how the color performs in dark mode or on different monitor calibrations. Its low saturation can shift toward purple or toward green depending on screen white points. Calibrate before finalizing.

—

What Role Does Misty Blue Play in Branding and Marketing?

Misty blue plays a background and trust-signal role in branding and marketing, communicating calm, reliability, and quiet sophistication to consumers. Research on color in marketing indicates muted blues reduce perceived risk, making it effective for wellness, healthcare, and skincare brands seeking approachable, non-aggressive brand identities.

It shows up in product packaging for beauty and personal care brands that want to signal purity without clinical coldness. Health tech and wellness apps use it as a UI surface color for the same reason.

In logo design, misty blue rarely works as the dominant tone without supporting colors. It reads as secondary or background rather than a primary brand color. Pair it with deep navy, charcoal, or a warm accent for a more complete visual identity. Build these rules into a brand guidelines document to keep applications consistent across channels.

For font selection that pairs with misty blue, a clean sans-serif font reinforces the calm, modern tone. A well-chosen serif font adds warmth and credibility. Use a font pairing generator to test combinations. Always check font licensing before deploying in commercial contexts.

FAQ on Misty Blue Color

What Is the Hex Code for Misty Blue?

The most commonly referenced misty blue hex code is #A0AFB7. Paint brands vary slightly. Benjamin Moore’s version is #C7D5E4, and Pantone 13-4405 TCX lands at #BFCDCC. Always confirm the code matches your specific source or brand.

Is Misty Blue a Warm or Cool Color?

Misty blue is a cool color. Its blue-gray base sits on the cool side of the color wheel. The gray undertone softens the coolness, making it feel more neutral than a pure blue, but it never crosses into warm territory.

What Colors Go Well With Misty Blue?

It pairs well with white, cream, warm gray, dusty rose, and sage green. For contrast, coral and terracotta work without overwhelming it. The key is balancing the cool base with something warmer so the palette does not feel cold or flat.

What Is the RGB Value of Misty Blue?

The RGB value for misty blue (#A0AFB7) is R: 160, G: 175, B: 183. Blue is the dominant channel, with red and green close behind. That tight spread between values is exactly what produces the muted, gray-leaning quality.

What Does Misty Blue Represent Psychologically?

Misty blue communicates calm, trust, and quiet clarity. Color psychology research links it to reduced stress and slower heart rate. It is non-aggressive and low-stimulation, making it a strong choice for wellness, healthcare, and meditation-focused design contexts.

How Is Misty Blue Used in Interior Design?

It works best as a wall color in bedrooms, bathrooms, and home offices. It makes small rooms feel airier. Pair it with white trim, natural wood, and warm metal hardware. It is a defining tone in Scandinavian and coastal interior styles.

Is Misty Blue the Same as Powder Blue?

No. Powder blue (#B0E0E6) is brighter and more saturated, with no gray component. Misty blue is softer, more desaturated, and carries a distinct gray undertone. They both sit in the pale blue family but read very differently side by side.

What Is the CMYK Value for Misty Blue?

For misty blue (#A0AFB7), the CMYK values are C: 13%, M: 4%, Y: 0%, K: 28%. The high black percentage is what drives the gray quality. On uncoated paper stock, expect the color to shift slightly warmer than the screen version.

What Pantone Color Is Closest to Misty Blue?

Pantone 13-4405 TCX is the closest named match, sitting at #BFCDCC. It leans slightly more teal than the standard #A0AFB7 reference. For print work that demands precision, always pull physical swatches rather than relying on screen previews alone.

Is Misty Blue a Good Color for Branding?

Yes, in the right context. It works well for wellness, skincare, healthcare, and lifestyle brands. It signals calm and reliability without looking corporate. As a primary brand color, it needs strong supporting tones. On its own, it can feel too passive.

Conclusion

This conclusion is for an article presenting misty blue color as one of the most adaptable soft tones in design, fashion, and interiors.

Its desaturated blue-gray character makes it easy to work with across palettes, whether you are building a complementary color scheme or keeping things strictly monochromatic.

The CMYK and RGB values stay consistent enough to reproduce reliably in both print and screen contexts.

Psychologically, it leans on trust, stillness, and low stimulation. That makes it a smart pick for brand style guides in wellness, healthcare, and lifestyle sectors.

Pair it thoughtfully, check your contrast ratios, and it holds up across virtually any application.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Airtable Logo History, Colors, Font, And Meaning - 12 July 2026
• How to Blur Background in Canva: A Quick Tutorial - 11 July 2026
• Typography Trends - 10 July 2026