Sand
Meet Sand (#C2B280), a sophisticated neutral that bridges the gap between muted beige and soft gold. Its earthy warmth and subtle complexity offer a refined alternative to typical tans, providing a solid foundation for palettes that require a touch of understated elegance.
What color is Sand?
Sand (#C2B280) is a warm, muted neutral with distinct yellow and brown undertones.
This light brownish-tan hue evokes the soft, granular texture of a sun-drenched beach, presenting a gentle and organic appearance.
What meaning does the color Sand (#C2B280) convey in branding and user interfaces?
The color Sand brings to mind the warmth of sun-drenched beaches and the quiet expanse of deserts. It represents comfort, stability, and an organic simplicity, grounding any composition with its natural and unassuming character.
Symbolically, Sand suggests reliability and timelessness. Its soft, neutral quality imparts a feeling of calm and relaxation, making it a color of quiet sophistication and enduring appeal.
How to use Sand in UI design?
In UI design, Sand (#C2B280) shines as a warm, neutral foundation. It pairs beautifully with deep jewel tones like emerald green or sapphire blue for a touch of luxury, or with charcoal and off-white for a clean, organic aesthetic. Consider the 60-30-10 rule, using Sand as a dominant background to create a calming user experience or as a secondary color for key interface elements.
While not as common as blues or grays in the digital product world, brands like Ground News and Blank Street use similar earthy tones to stand out. This relative rarity offers a chance to build a visual identity that feels grounded, sophisticated, and distinct from the competition.
To see it in action, use the tools below. You can explore curated palettes, test color contrast ratios for accessibility, and preview how Sand looks within the actual UI components of well-known applications.
Using Sand color codes
Working with Sand starts with its hex code, #C2B280. This six-digit identifier is your key for digital work, but the color's versatility extends far beyond the screen.
While #C2B280 is the go-to for web development, your project might require different color models. Print work, for example, calls for CMYK values to ensure color accuracy on paper, while RGB is the standard for digital displays. Other models like HSL offer a more intuitive way to adjust hue, saturation, and lightness.
To make your workflow easier, we've converted Sand's #C2B280 hex code into its corresponding values across a variety of popular color models. Simply copy the code you need from the list below.
Analogous
By pairing Sand with its neighbors on the color wheel, you get an analogous scheme. These colors work together to produce a calm, unified feel.
Complementary
Complementary colors are opposites on the color wheel. When paired with Sand, its complement creates a high-contrast, visually striking effect for your designs.
Split Complementary
A split complementary palette for Sand uses the two colors adjacent to its direct complement, offering a high-contrast look with more sophisticated harmony.
Triadic
A triadic color scheme takes three hues equally spaced on the color wheel. With Sand as the base, this creates a vibrant, high-contrast harmony.
Tetradic
A tetradic scheme pairs Sand with three other colors, forming two complementary pairs on the color wheel for a rich, balanced palette.
Square
A square color scheme pairs Sand with three other colors, all equidistant on the color wheel, creating a vibrant and balanced high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By mixing black with Sand, you create darker shades that add visual weight and depth.
Tints
Tints are created by adding white to Sand, resulting in lighter, softer variations.
Tones
Tones of Sand are created by adding gray, resulting in softer, more muted variations.
Hues
Hues of Sand are variations in intensity and temperature, creating different visual 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.
