Bright Star

#dde2e6

Neutral bright gray with warm, paperlike steadiness

Save
Share

About Bright Star

Bright Star is the gray that doesn't try to be anything else. It sits so close to white that most people won't even register it as gray, they'll just see a surface. But that's exactly what makes it useful. There's no temperature game here, no blue lean, no warmth hiding underneath. It's genuinely neutral in a way that feels almost boring, and that's the point.

You reach for this one in interfaces where the background should disappear entirely: SaaS dashboards with dense information, healthcare platforms where the focus needs to stay on content, editorial layouts where you need enough contrast to define structure without adding mood. Form fields, disabled states, light surfaces behind dark text. It's the kind of color that works best when nobody notices it's there, it gives you contrast and hierarchy without bringing its own opinion to the table.

The catch: because it's so neutral, it won't save a palette that's fighting with itself. Pair it with warm grays and you'll see the temperature clash become obvious. Pair it with cool grays and cool accents though, and it settles in without complaint. It's not flexible like or committed like . It's just clean.

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.30:1Fail

On Gray 100 #f5f5f5

Aa
1.20:1Fail

On Gray 900 #18181b

Aa
13.58:1AAA

On Black #000000

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

#dde3e7
#dae3e7
#dce3e4
#dfe0e2
#e1e1e2
#d8e4e7

Create a gradient with Bright Star

Open the generator with this color pre-loaded.

Start creating