Rising Star

#f7f6d5

Brighter gray-beige with a neutral lift for clean headers

Save
Share

About Rising Star

I'm seeing Rising Star show up as that crisp, pale paper tone you get when a bright print just came off the press and the whites haven't fully settled yet. It sits in the Gray family, but it doesn't feel powdery or muted like , and it doesn't go as softly sunlit and handled-paper like .

Rising Star is warmer than pure white, with a light yellow undertone that's just noticeable enough to keep UI surfaces from feeling clinical. Compared to Fizzy & Dizzy, it has a touch more lift and a slightly cleaner neutrality, so it reads more "bright off-white" than "barely-there cream." This is my go-to for dashboards and finance apps where you want panels, data cards, and form backgrounds to stay readable and calm while still feeling human. It also works well in CMS templates for article lists and admin settings screens, where you don't want the page to look washed out.

Quirk: on displays with aggressive cool calibration, it can lean more yellow than you expect, so I like pairing it with graphite and slightly warm gray text instead of stark blacks.

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

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.11:1AAA

On Black #000000

Aa
19.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.

Create a gradient with Rising Star

Open the generator with this color pre-loaded.

Start creating