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.
Stone Harbor Code Conversions
HEX
#B4AFA8
LAB
72, 1, 4
RGB
180, 175, 168
XYZ
41.2, 43.2, 43.2
HSL
35°, 7%, 68%
LCH
72, 4, 83°
HSB
35°, 7%, 71%
LUV
72, 3, 6
HWB
35°, 66%, 29%
Stone Harbor Color Harmonies
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.
Stone Harbor Contrast Simulation
Stone Harbor Color Variations
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.
What Interfaces Use Colors Like Stone Harbor?

























