Rising Star
#f7f6d5
Brighter gray-beige with a neutral lift for clean headers
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 Moon Glow, and it doesn't go as softly sunlit and handled-paper like Promenade.
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.
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.