Hey Pesto

#bea932

Lighter golden olive for fresh, readable charts

Save
Share

About Hey Pesto

"Hey Pesto" is the kind of green you see on a fresh jar label that's been sitting in store light all day: mellow, not leafy, and definitely not as yellow-forward as . Compared with , it's tighter and cleaner, less sun-dust, with a more contained, pudding-soft brightness. And vs , it reads less metallic and more like a softened pigment stain.

It's warmer than a true moss but still greener than -gold accents, so it behaves like a friendly emphasis color in place of either beige or mustard. I use it for CPG shelf UI, retail price tags, and ecommerce badges where you want visibility without that "gold alert" feeling you can get from more golden yellows. On the editing side, it shows up in product tables and filter chips for consumer apps and logistics portals, especially when the adjacent colors are actual greens and you need one step brighter.

Quick quirk: because it sits mid-light with moderate saturation, it can look a little sleepy next to punchier lemon tones, so give it contrast with a deeper olive or warm neutral.

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
2.36:1Fail

On Gray 100 #f5f5f5

Aa
2.16:1Fail

On Gray 900 #18181b

Aa
7.52:1AAA

On Black #000000

Aa
8.91: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

#bda928
#b5a642
#c1b23e
#b3a74b
#ccaa00

Create a gradient with Hey Pesto

Open the generator with this color pre-loaded.

Start creating