Pickled Pineapple
#eeff33
Acid-lime glow that stays gray-leaning and soft
About Pickled Pineapple
I keep a sticky note in my desk that looks almost like this: a punchy yellow-green that still reads "paper," not metal. Pickled Pineapple is bright, but it's not that high-voltage kind of cool. It has a slightly green undertone and a more wet, pickled brightness, so it feels fresher and more playful than the purer yellows around it.
Use it when you need emphasis that won't look like an alert. I reach for it in product UI for things like "new" chips, onboarding steps, and confirmation states where the attention should land fast without the urgency vibe you get from High Voltage or the lane-yellow feel of John Lemon. It also holds up in signage mockups for retail, where the green-lean keeps it from drifting toward warm gold next to gray panels.
Quick caution: pair it with cool grays and neutral whites. Against warmer golds it can start to look a little sickly, and if you place it next to Banana Flash or John Lemon, its green tint is the first thing people will notice.
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.
Similar colors
Create a gradient with Pickled Pineapple
Open the generator with this color pre-loaded.
Start creating