Bethlehem Superstar

#eaeeda

Cooler, chalky light gray with a moonlit cast

Save
Share

About Bethlehem Superstar

Bethlehem Superstar is almost imperceptibly warmer than paper, but it reads less like cream and more like dust caught in afternoon light, there's a softness here that doesn't apologize. It's lighter than both and Crème Fraîche, which means it recedes faster. But where those two anchor themselves through warmth or cool restraint, this one floats on pure paleness, which is exactly what makes it different.

Use it when you need a background that disappears but doesn't feel sterile: editorial layouts, publishing platforms, long-form content sites where the page itself should feel almost invisible so the text can live there undisturbed. It pairs well with dark type and holds photography without any visual competition. The lightness also makes it work in situations where Crème Fraîche would feel too weighty or too deliberate.

The thing: this much lightness means it has almost no margin for error in pairing. Keep your accent colors either significantly darker or noticeably cooler, otherwise everything starts looking washed. Test it full-screen before committing, on most displays it'll read slightly warmer than it actually is.

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

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
14.97:1AAA

On Black #000000

Aa
17.74: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 Bethlehem Superstar

Open the generator with this color pre-loaded.

Start creating