Grayish

Grayish is a soft, warm gray that sits at the intersection of beige and off-white.

Its character comes from a faint, rosy undertone, which gives the color a gentle complexity beyond that of a simple neutral gray.

Grayish embodies balance and neutrality, a sophisticated middle ground between extremes. It often symbolizes intellect, compromise, and a quiet, understated strength.

This color evokes a sense of calm and composure, creating a stable and reserved atmosphere that feels both timeless and dependable.

Grayish (#CFCAC7) shines as a sophisticated background or accent, offering a softer alternative to stark white or cool gray. For a high-contrast, modern feel, pair it with deep charcoals or vibrant jewel tones. Alternatively, combine it with other warm neutrals and earthy colors to build a serene, monochromatic interface that feels grounded and organic.

While not a dominant color across the web, its thoughtful application can be seen in brands like Amie, Endel, and Peloton. They use similar off-white and light gray shades to establish a premium, focused, and calm user experience. This selective use suggests a move toward more nuanced and comfortable digital environments.

To see how Grayish performs in your own projects, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #CFCAC7 in real UI components from top brands.

To use Grayish in your projects, you'll need its color code. While #CFCAC7 is the standard hexadecimal format for digital work, different design contexts require different representations.

For instance, RGB values are essential for screen-based designs, while CMYK is the standard for anything destined for print. Other models like HSL provide a more intuitive way to make adjustments, defining a color by its hue, saturation, and lightness.

We've converted #CFCAC7 into a range of popular formats below. Find the one you need and copy it directly into your design tool or codebase.