Pineapple Whip
#ead988
Warm creamy yellow-green for sunlit UI accents
About Pineapple Whip
Pineapple Whip looks like pale lemon-curd with a soft green breath, not quite creamy and not quite grassy. It's warmer than pure white, but it stays lighter and a touch more washed-out than Gatsby Glitter, so the color feels smoother on first glance. Compared to Gold Winged, it has less of that toasted, buttered weight and more of a delicate yellow-green undertone that reads airy, almost whipped.
I reach for Pineapple Whip on dashboards and finance apps when the background needs to feel friendly without turning into a cream tint. It also works well for editorial product panels, onboarding steps, and e-commerce category banners where you want pale warmth behind icons and chart grids. It sits in a different lane than Celestial Crown too: Pineapple Whip is a bit less golden and less in-between, so it doesn't fight olive accents.
Quick quirk: on very warm screens it can drift a touch more yellow, so I usually pair it with cooler mint or restrained sage to keep the green note present.
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.