Stone Harbor
Meet Stone Harbor (#B4AFA8), a sophisticated greige that balances warmth and neutrality. Its muted, earthy quality provides a subtle yet firm foundation, making it a uniquely versatile choice for creating refined and grounded digital interfaces. It's a quiet powerhouse in a designer's palette.
What color is Stone Harbor?
Stone Harbor is a warm greige, a sophisticated neutral that rests between gray and beige.
It carries a subtle brown undertone, giving it an organic quality with a soft, earthy appearance.
What is the meaning of the color Stone Harbor (#B4AFA8)?
The name Stone Harbor suggests its meaning: the strength and permanence of stone combined with the safety and serenity of a harbor.
As a color, #B4AFA8 embodies stability and sophistication, providing a calm, reliable backdrop that feels both classic and composed.
How can I use Stone Harbor in my UI design?
Stone Harbor works beautifully as a primary background color, offering a warmer alternative to stark white or gray. For effective contrast, pair #B4AFA8 with deep charcoals or rich navy blues. To create a softer, more organic palette, combine it with dusty rose, sage green, or other muted earth tones. Applying the 60-30-10 principle can help balance Stone Harbor with its complementary colors for a harmonious interface.
Few brands have adopted colors similar to Stone Harbor, which presents a distinct opportunity for differentiation. Its unique character can help build a memorable visual identity that feels grounded and refined. While not mainstream, you can see its sophisticated appeal in select applications, such as the branding for Strut Claude.
To see these ideas in action, use the tools below. You can explore curated palettes, check the accessibility of your color combinations, and preview how Stone Harbor looks within the UI components of well-known apps.
Using Stone Harbor color codes
Working with Stone Harbor in your projects starts with its hex code, #B4AFA8. For consistency across different media, you will often need to translate this value into other color models that are suited for specific outputs.
For example, the RGB model is fundamental for digital screens, while CMYK is the standard for printed materials. Other formats like HSL provide a more intuitive way to make color adjustments. Each code represents the same Stone Harbor color, just defined for a different application.
To simplify your workflow, we've converted #B4AFA8 into a range of popular formats below that you can copy directly into your design tools.
Analogous
Analogous palettes are created from colors adjacent on the color wheel. With Stone Harbor as a base, these combinations produce a cohesive and serene effect.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Stone Harbor, they create a high-contrast and visually striking combination.
Split Complementary
For a high-contrast yet harmonious scheme, a split complementary palette pairs Stone Harbor with the two colors adjacent to its direct complement.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Stone Harbor as a base, this method creates a vibrant, high-contrast palette.
Tetradic
A tetradic color scheme for Stone Harbor uses two pairs of complementary colors, creating a rich, four-color palette with built-in visual tension.
Square
A square scheme pairs Stone Harbor with three other colors, all evenly spaced on the color wheel for a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Stone Harbor are darker variants made by adding black for more depth and weight.
Tints
Adding white to Stone Harbor creates tints, which are lighter, softer versions of the color.
Tones
Tones of Stone Harbor are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Stone Harbor, 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.
