Pineapple High

#ebeb57

Paler, softer chartreuse-green for calm emphasis

Save
Share

About Pineapple High

You can almost see Pineapple High on a sticky label that got slightly overexposed. It's a light chartreuse-leaning green-yellow, but it stays more crisp and lemon-bright than , with none of 's near-neutral tendency to disappear. Compared to , it doesn't shout as hard; it reads as a gentle lift, not an all-caps accent.

I use it when UI needs clean progress clarity in bright, friendly surfaces. Think logistics and warehouse tracking dashboards with status chips, onboarding step tints behind short instructional copy, and e-commerce modules where you want "ready to act" without the attention-grab of a stronger yellow. It's also handy in food and beverage brands for highlight callouts on product cards where you want the green family feel, not the heavy warmth of richer yellows.

One note: because it's light and a touch warm, it can feel flat next to pure off-whites. Give it a medium gray or a soft green border so it holds its edge.

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

On Gray 100 #f5f5f5

Aa
1.16:1Fail

On Gray 900 #18181b

Aa
13.97:1AAA

On Black #000000

Aa
16.55: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.

Similar colors

#eeed56
#fbec5d
#fbec5e

Create a gradient with Pineapple High

Open the generator with this color pre-loaded.

Start creating