Quicksand

#ac9884

Soft, dusty taupe-yellow for subdued backgrounds

Save
Share

About Quicksand

Quicksand always looks like a sun-warmed beige caught mid-step. It's noticeably softer and lighter than , with less of that darker, grounded weight, and it doesn't carry the dusty smoke-tan vibe of . Compared to , it's less wooly and more neutral in its undertone, so it feels smoother and a little more open.

In UI, I treat it like a friendly surface color for secondary panels and form backgrounds where you want warmth without tipping caramel. It shows up well in e-commerce account screens, retail spec sheets, and wellness portals that need to feel human and grounded but not heavy next to charcoal type. Media-wise, it's a strong choice for card carousels and image overlays in lifestyle and home goods, where you want the photos to stay in charge.

One quirk: in very warm lighting it can read slightly more beige than tan, so I like pairing it with cream highlights or a cooler greige to keep the whole layout from drifting.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.77:1Fail

On Gray 100 #f5f5f5

Aa
2.54:1Fail

On Gray 900 #18181b

Aa
6.39:1AAAAA Large

On Black #000000

Aa
7.58:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#af9a7e
#a5988a
#a6978a
#a79b7e
#a19986

Create a gradient with Quicksand

Open the generator with this color pre-loaded.

Start creating