The Cool Gray Color Code: HEX, RGB, CMYK

Few neutral tones carry as much quiet utility as cool gray color. It sits between blue and gray on the color spectrum, low in saturation but high in versatility.

Cool gray is a cool-toned neutral that combines white, black, and a restrained blue-violet base. It carries a calm, professional character and functions as a foundational neutral in color theory, with RGB values of 140, 146, 172.

This guide covers its exact color codes, shades, psychology, color pairings, and how to use it across design, fashion, and branding.

Cool Gray Color Codes

Cool gray sits at #8C92AC in hex, with a blue-leaning undertone that separates it clearly from neutral or warm grays. These are the exact values you need across every color system:

• RGB: 140, 146, 172
• HEX: #8C92AC
• CMYK: C:19 / M:15 / Y:0 / K:33
• HSL: 229°, 16%, 61%
• Pantone: PMS 4124 C

In the RGB model, blue is the dominant channel at 172, which is what gives cool gray its distinctly cool, slightly bluish feel. The CMYK breakdown shows zero yellow, which matters a lot in print. Any yellow at all and you start pushing the tone warm.

The hue angle of 229 degrees places it firmly in the blue-purple zone of the color wheel, even though visually it reads as gray. That’s the nature of cool-toned neutrals. The saturation is low at 16%, which keeps it from looking obviously blue. But it’s there.

Worth noting: the Light Reflectance Value (LRV) of cool gray is approximately 29, classifying it as a medium tone. Not light enough to feel airy, not dark enough to feel heavy.

If you’re working digitally and need to convert between systems, an RGB to HEX converter or a RGB to CMYK converter will save you time. For print work specifically, double-check your HEX to RGB conversions because screen and print rendering can differ more than you’d expect with muted tones like this one.

—

Cool Gray Color Palettes

Cool gray works well in structured color palette systems. Below are the main harmony types with their corresponding color values.

If you want to experiment with these combinations yourself, a color palette generator is a fast way to test variations without committing to anything on canvas or screen.

For deeper exploration, check out these related palette collections: cool color palettes, neutral color palettes, muted color palettes, and gray color palettes.

—

Cool Gray Shades

Cool gray encompasses multiple variations including pale silver-gray, soft blue-gray, medium cool gray, deep slate gray, ash gray, and near-charcoal cool gray.

Each variation differs in lightness and blue undertone intensity, with some leaning lighter toward white and others darker toward charcoal, creating distinct visual effects across design applications.

Related color pages worth checking: light gray, slate gray, blue gray, charcoal, silver, and gunmetal gray.

—

What Are the Primary Attributes of Cool Gray?

Cool gray has five primary attributes: a blue-violet undertone (from its 229-degree hue angle), low saturation at 16%, medium lightness at 61%, neutral tonal balance, and strong associations with calm, professionalism, and minimalist design.

—

How Is Cool Gray Used in Interior Design?

Cool gray works as a foundational neutral in interior design, creating calm and modern spaces that feel open without being stark.

Designers use it on walls, furniture upholstery, and textiles to build clean, structured environments that work across Scandinavian, industrial, and contemporary styles.

That said, cool gray has been losing ground to warmer tones in residential spaces over the past few years. Warmer neutrals and earthy tones have taken over a lot of the space cool gray used to own in the 2010s. It still holds up well in commercial, tech, and office environments where its sleek quality is actually a feature, not a drawback.

Lighting makes a significant difference with this color. Cool gray can read almost lavender under warm incandescent bulbs and lean distinctly blue under daylight. If you’re specifying it for a client, always test the swatch under the actual lighting conditions of the room.

—

What Psychology and Emotions Does Cool Gray Evoke?

Cool gray evokes calm, professionalism, restraint, and clarity through its association with overcast skies, concrete, and polished metal surfaces.

Color psychology research indicates cool gray reduces visual noise, promotes focus, and creates neutral environments that support decision-making and concentrated work.

It doesn’t trigger strong emotional responses the way red or yellow do. That’s both its strength and its limitation. In branding, this emotional neutrality reads as trustworthy and stable. In residential spaces, it can feel cold or detached if not balanced with warmer accents.

Culturally, gray signals maturity and experience in Western design traditions. In Taoist thought, it represents the space between opposites. Not much color carries that kind of philosophical weight without trying.

—

How Is Cool Gray Applied in Fashion and Clothing?

Cool gray is a wardrobe staple in fashion, offering versatile neutrality through tailored trousers, knitwear, outerwear, and suiting.

Designers use it for its clean, polished feel, its ability to pair with almost any color, and its capacity to move between casual and formal contexts without effort.

It reads particularly well on cooler skin undertones. On warmer complexions, a slightly warmer gray sometimes works better. But honestly, cool gray is one of those shades that most people can pull off. It’s not as unforgiving as pure white or as statement-heavy as charcoal. Street style leans on it heavily for that reason.

In runway fashion, cool gray often appears in structured, architectural pieces where the color supports the form rather than competing with it. Think Jil Sander, Helmut Lang, and similar brands that treat restraint as a design choice.

—

What Colors Complement and Contrast With Cool Gray?

Cool gray complements navy blue, blush pink, white, sage green, and charcoal while contrasting effectively with warm terracotta, mustard yellow, and burnt orange.

These combinations create clean, structured palettes that use cool gray’s neutral character as a grounding element rather than a background filler.

Complementary Colors

Cool Gray + Navy Blue

• Color Theory Basis: Both share cool undertones, creating tonal harmony without competing
• Visual Effect: Polished, professional, and structured
• Best Applications: Corporate branding, menswear, UI design
• Ratio Recommendations: 60% cool gray / 30% navy / 10% white accent
• Example Uses: Tech company websites, tailored suiting, office interiors

Cool Gray + Blush Pink

• Color Theory Basis: The cool tone of gray softens blush, preventing it from reading too sweet
• Visual Effect: Modern femininity with restraint
• Best Applications: Beauty branding, residential interiors, wedding design
• Ratio Recommendations: 70% cool gray / 20% blush / 10% white
• Example Uses: Skincare packaging, bedroom interiors, editorial design

Cool Gray + White

• Color Theory Basis: A clean monochromatic pairing that relies on value contrast
• Visual Effect: Minimal, airy, and precise
• Best Applications: Web design, product packaging, architectural interiors
• Ratio Recommendations: 50% white / 40% cool gray / 10% dark accent
• Example Uses: SaaS product UI, premium stationery, gallery spaces

Cool Gray + Sage Green

• Color Theory Basis: Both are muted, low-saturation tones that share a cool bias
• Visual Effect: Calm, natural, and understated
• Best Applications: Wellness branding, sustainable packaging, residential design
• Ratio Recommendations: 60% cool gray / 30% sage / 10% off-white
• Example Uses: Organic product lines, spa interiors, editorial layouts

Contrasting Colors

Cool Gray + Terracotta

• Contrast Type: Warm-cool temperature contrast
• Visual Impact: Grounded, earthy tension that feels current and organic
• Best Applications: Home interiors, lifestyle branding, print design
• Balance Strategies: Keep terracotta as an accent (max 20%) to avoid overwhelming the cool tone

Cool Gray + Mustard Yellow

• Contrast Type: Warm-cool plus value contrast
• Visual Impact: Energetic and unexpected, with a mid-century edge
• Best Applications: Poster design, brand identity, interior accents
• Balance Strategies: Use mustard in single focused elements, not spread across the composition

Cool Gray + Burnt Orange

• Contrast Type: Complementary-adjacent warm-cool contrast
• Visual Impact: Bold and warm, with the gray preventing orange from becoming overwhelming
• Best Applications: Autumn-themed design, food packaging, retail displays
• Balance Strategies: 70-30 split with gray dominant keeps things controlled

Color Scheme Types

• Monochromatic: Use tints (pale silver-gray) and darker shades (deep slate) of cool gray for depth without introducing hue variation. Works well in web design and UI.
• Analogous: Pair with neighboring blue-gray and soft periwinkle for cohesive cool-toned palettes. Great for logo systems that need tonal variety.
• Triadic: Combine with muted rose and soft green for a three-way balance that stays calm despite being multi-hued.
• Split-Complementary: Gray plus warm tan and soft gold. Useful when you want warmth without committing to a full complementary contrast.
• Tetradic: Four-color systems anchored by cool gray work well in complex brand systems that need range without visual chaos.

Practical Pairing Guidelines

• 60-30-10 Rule: Cool gray as the 60% dominant base, a secondary color (navy, sage, blush) at 30%, and a sharp accent (white, gold, or deep charcoal) at 10%
• Accent Strategy: Cool gray rarely works as the accent. It’s a base. Use it to make other colors look better, not to compete with them.
• Neutral Bridging: When pairing warm and cool colors in the same palette, cool gray often works as the bridge. It connects without taking over.

—

How Does Cool Gray Differ From Similar Cool Colors?

Cool gray differs from slate gray (darker, more blue-dominant), pewter (warmer, more brown undertone), silver (lighter, more luminous), and blue-gray (higher saturation, more obviously blue) through its specific balance of low saturation, medium lightness, and restrained blue hue.

—

How Do You Create Cool Gray in Different Mediums?

Create cool gray by mixing titanium white with a small amount of ultramarine blue and a touch of ivory black in paint, or entering RGB values of 140, 146, 172 in digital applications to ensure the blue channel dominates enough to read as cool.

Acrylic Paint

Start with titanium white as the base. Add a small drop of ultramarine blue and the tiniest touch of ivory black. Mix thoroughly.

If it reads too purple, add a tiny amount of raw umber to neutralize. The goal is a gray that feels cool without looking obviously blue.

• Base colors: Titanium white, ultramarine blue, ivory black
• Ratio: Roughly 10 parts white / 1 part blue / 0.5 parts black
• Common mistake: Adding too much blue too fast. Add it in very small increments.
• Adjustment tip: Too warm? Add more blue. Too purple? Add a tiny bit of raw umber.

Oil Paint

The same basic approach works in oils. Titanium white plus ultramarine blue plus a touch of ivory black or Payne’s gray.

Oils dry slightly darker, so mix a touch lighter than your target value. Phthalo blue is an alternative to ultramarine but is much stronger, so use even less of it.

• Pigments: Titanium white (PW6), ultramarine blue (PB29), ivory black (PBk9)
• Drying consideration: Expect the mix to darken by about 5-10% as it cures

Watercolor

Mix Payne’s gray with a touch of cobalt blue for a clean, transparent cool gray. Dilute heavily with water for lighter tints.

Payne’s gray on its own tends to read slightly warm in some brands. Adding cobalt pushes it cooler and more transparent.

• Pigment selection: Payne’s gray + cobalt blue (transparent options preferred)
• Dilution: 70-80% water for light washes, 40-50% for mid-tones
• Layering: Build in thin washes; adding ultramarine in later layers increases the cool blue shift

Gouache

Same base as acrylics, but gouache dries matte and slightly lighter. Mix titanium white with a small amount of ultramarine blue and minimal black.

Test swatches on dry paper before committing. Gouache color shifts on drying are more noticeable than in acrylics, particularly with white-heavy mixes.

Print / CMYK

• Cyan: 19%
• Magenta: 15%
• Yellow: 0%
• Black: 33%
• Printing notes: Uncoated paper will absorb more ink and may shift the tone slightly warmer. Coated stock keeps it truer to screen. Always request a physical proof for brand work.
• Pantone match: PMS 4124 C is the closest match in the Pantone Matching System

—

What Are the Best Practices for Using Cool Gray in Design?

Best practices for cool gray include pairing it with warm accent colors, checking contrast ratios for text legibility, testing under actual lighting conditions, and avoiding overuse in residential contexts.

Designers should verify WCAG contrast compliance when using cool gray for UI text, consider whether the tone will shift under warm lighting, and ensure the overall palette has enough warmth to prevent the design from reading as cold or sterile.

In web design, cool gray works well as a background, border, or secondary text color. It handles white space gracefully. Just don’t use it for body text on white without checking your contrast ratio first. It often fails WCAG AA at smaller sizes.

Use a color contrast checker before locking in any text/background pairings. This is one of those small steps that saves a lot of back-and-forth during accessibility reviews.

Visual hierarchy works well with cool gray as a recessive tone. It naturally pushes to the background, which makes it useful for supporting elements that shouldn’t compete with primary content.

—

What Role Does Cool Gray Play in Branding and Marketing?

Cool gray plays a supporting and structural role in branding and marketing, communicating stability, professionalism, and precision to audiences. Research indicates cool gray reduces visual noise and reads as trustworthy, making it effective for technology, finance, and premium product brands seeking a polished, credible presence.

It rarely works as the primary brand color on its own. The automotive industry is one exception where silver-gray dominates, with brands like Audi, Lexus, and Toyota using it heavily in badge design and as a core brand color. Outside automotive, cool gray tends to anchor larger systems rather than lead them.

In brand guidelines, cool gray often appears as a secondary neutral alongside a primary color. This is actually where it performs best. It makes adjacent colors look sharper and more intentional. Paired with electric blue, it reads tech-forward. Paired with blush or dusty rose, it reads refined and editorial.

If you’re building a brand style guide that includes cool gray, define clearly which shade you’re using and provide the hex, RGB, and CMYK values. “Cool gray” without a hex code gets interpreted differently by every designer on the team.

FAQ on Cool Gray Color

What Is the Hex Code for Cool Gray?

The hex code for cool gray is #8C92AC. Its RGB values are 140, 146, 172, and its CMYK breakdown is C:19 / M:15 / Y:0 / K:33. The zero yellow value is what keeps it from pulling warm.

Is Cool Gray a Warm or Cool Color?

Cool gray is a cool-toned neutral. Its hue angle sits at 229 degrees, firmly in the blue-violet range. That blue bias is subtle at only 16% saturation, but it’s enough to read distinctly cooler than beige-based or taupe grays.

What Colors Go Well With Cool Gray?

Cool gray pairs well with navy blue, blush pink, white, sage green, and charcoal. For contrast, warm tones like terracotta and mustard yellow work well. These combinations use cool gray as a grounding base rather than a competing element.

What Is the Difference Between Cool Gray and Warm Gray?

Cool gray carries blue or violet undertones, while warm gray leans toward beige, brown, or taupe. The difference is most visible under neutral daylight. Under warm incandescent light, cool gray can even read slightly lavender.

What Is Cool Gray Used for in Design?

Cool gray works as a background, secondary text color, UI element, and neutral base in color palettes. It’s common in tech branding, web design, and corporate identity work where a clean, professional tone is needed without the starkness of pure white or black.

What Does Cool Gray Represent Psychologically?

Cool gray communicates calm, professionalism, and restraint. Color psychology links it to focus and neutrality. It doesn’t trigger strong emotional responses, which makes it useful in contexts where trust and stability matter more than energy or excitement.

How Do You Mix Cool Gray Paint?

Mix titanium white with a small amount of ultramarine blue and a touch of ivory black. Roughly 10 parts white to 1 part blue to 0.5 parts black is a solid starting ratio. Adjust blue upward if the result reads too neutral or warm.

What Is the Pantone Code for Cool Gray?

The closest Pantone match is PMS 4124 C. Pantone also has a dedicated Cool Gray series (Cool Gray 1 C through Cool Gray 11 C) covering a full range from very light to near-charcoal, all sharing that same blue-neutral character.

Is Cool Gray Good for Interior Walls?

Yes, in the right context. Cool gray works well in modern, minimalist, and Scandinavian-style interiors. It performs best in spaces with good natural light. In darker rooms or under warm bulbs, it can shift toward purple or feel cold, so always test a swatch first.

How Does Cool Gray Differ From Slate Gray?

Slate gray is darker and carries a stronger blue presence, with RGB values around 112, 128, 144. Cool gray is lighter and more restrained at 140, 146, 172. Slate reads more dramatic; cool gray reads more refined and neutral in most design applications.

Conclusion

This conclusion is for an article presenting cool gray as one of the most reliable neutral tones in design, and the case for it holds up across every application covered here.

From its precise CMYK and HSL values to its role in gray color palettes, this muted cool tone earns its place through consistency, not trends.

It works in packaging design, branding systems, interior color schemes, and fashion. The blue undertone is subtle, but it shapes how everything around it reads.

Pair it with intention. Use a HSL to RGB converter to fine-tune your values, check your contrast ratios, and test under real lighting before committing.

Cool gray rewards careful use. Applied well, it makes the rest of your palette look sharper.

• 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