Pineapple Sorbet
#f7f4da
Buttery pale yellow-gray for bright, sunny layouts
About Pineapple Sorbet
I'm thinking of a small bowl of pale sorbet on a bright counter: soft, milky-gray with a clear yellow-leaning cast. Pineapple Sorbet reads warmer than Diamond and more beige-tilted than Promenade, but it doesn't go full cream like Full Moon. The saturation is kept low, so it feels light without turning chalky or too buttery.
I like it behind data-heavy UI where you want less glare than plain off-white, especially in SaaS admin screens, e-commerce settings pages, and publishing CMS dashboards. It also holds up well on landing-page sections that sit next to richer photography, because it stays set-apart from both the more neutral/quiet Diamond and the warmer, creamier Full Moon.
Quirk: because it's light and faintly tinted, it can look slightly yellow under cool lighting. If your brand accents run blue-gray, test it in the real theme before you scale it everywhere.
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.