Bright Star
#dde2e6
Neutral bright gray with warm, paperlike steadiness
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 Cityscape or committed like Celestial Cathedral. It's just clean.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.