Cool Grey
Meet Cool Grey (#8C92AC), a sophisticated neutral that stands apart from the pack. Its subtle blue undertones lend it a crisp, modern character, offering a versatile foundation with a quiet confidence for any design palette.
What color is Cool Grey?
Cool Grey is a medium-light grey characterized by its distinct blue undertones, which give it a crisp, cool temperature compared to a neutral grey.
In certain light, it can also show a subtle hint of purple, adding to its visual complexity.
What is the meaning of the color Cool Grey?
Cool Grey symbolizes balance, neutrality, and composure. In color psychology, it suggests a sense of calm and modern sophistication, often used to convey stability and professionalism.
Historically associated with practicality, the color #8C92AC now evokes quiet confidence and understated elegance. It represents intellect and a dependable, timeless foundation in design.
How can I effectively use Cool Grey (#8C92AC) in my UI design?
Cool Grey (#8C92AC) works beautifully as a primary neutral background, allowing brighter accent colors—like a vibrant coral or a deep teal—to pop. For a more subdued and modern aesthetic, pair it with a monochromatic palette of lighter and darker grays, or with adjacent muted blues and purples. This approach helps establish a clean, organized visual hierarchy without overwhelming the user.
While not a staple in every brand's palette, you can see colors similar to Cool Grey used by companies like Frame.io to project a professional and focused image. Its relative rarity in branding means it can be a powerful choice for products wanting to signal a mature, design-forward identity, setting them apart from more common color schemes.
To see how Cool Grey performs in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility, and see #8C92AC applied to real UI components from leading apps.
Using Cool Grey color codes
To use Cool Grey in your projects, start with its specific hex code, #8C92AC. For visual consistency across different platforms and devices, it is important to use this exact value. This practice ensures the color appears as intended, providing a reliable foundation in any design system.
While #8C92AC is standard for the web, design work often requires different color models. RGB values define the color for digital displays by mixing red, green, and blue light. For print materials, you will need the CMYK equivalent, which is based on cyan, magenta, yellow, and black ink. Other formats like HSL, LAB, LCH, and XYZ offer different ways to define and manipulate color for various technical applications.
We have translated #8C92AC into several common color formats for you. Feel free to copy the codes below for your own design toolkit.
Analogous
Analogous color schemes use hues adjacent on the color wheel. When paired with Cool Grey, they produce a balanced and tranquil composition.
Complementary
A complementary color for Cool Grey is found on the opposite side of the color wheel, producing a bold and visually stimulating combination.
Split Complementary
A split complementary scheme pairs Cool Grey with the two colors adjacent to its direct complement, creating a palette with strong visual contrast but less tension.
Triadic
Triadic color schemes use three hues equidistant on the color wheel. Paired with Cool Grey, this method creates a palette with strong, balanced contrast.
Tetradic
Tetradic color schemes pair Cool Grey with three other colors, forming two complementary pairs on the color wheel for a vibrant, balanced palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Cool Grey as its foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Cool Grey creates its shades, which give the color more weight and depth.
Tints
Tints of Cool Grey are created by adding white, resulting in softer, lighter variations.
Tones
Tones of Cool Grey are created by adding gray, resulting in softer, more muted variations.
Hues
Hues are variations of Cool Grey, differing in intensity and temperature to create specific moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.


























































































































