Stardust

#ddd3ae

Soft dusty green-beige for airy, subdued palettes

Save
Share

About Stardust

I keep thinking of Stardust as the pale interior of a sesame cookie: creamy, soft, and light enough that it doesn't read like butter or bread crust. It's a warm green family color, but it's not the yellow-forward kind of warmth you get from Frappé, and it doesn't go grey-dusty like .

Stardust sits in the sweet spot where it feels warmer than pure white yet still the one you reach for when you want a hint of green in the background without tipping into overt yellow. I use it in dashboards and finance apps, marketing emails, and quiet onboarding screens where the UI needs to look calm next to photos. Compared to , it's brighter and more softly green-leaning, so layouts feel lighter rather than gently baked.

If your typography is too cool, this shade can look a touch washed. I usually counter with charcoal or deep olive so that faint green undertone stays intentional, not accidental.

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
1.50:1Fail

On Gray 100 #f5f5f5

Aa
1.38:1Fail

On Gray 900 #18181b

Aa
11.81:1AAA

On Black #000000

Aa
14.00: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

Create a gradient with Stardust

Open the generator with this color pre-loaded.

Start creating