Bergamot

#95c703

Lighter, cooler yellow-green for airy accents and charts

Save
Share

About Bergamot

Bergamot sits in that middle ground where green actually feels both energetic and natural at once. It's brighter than , less muted, more present, but it doesn't have 's yellow warmth pulling it toward friendly. And compared to 's clinical neon punch, this one's got enough saturation to work hard without feeling like it's screaming.

You'll land it in product interfaces, app dashboards, and marketing where green needs to feel alive. Agriculture platforms, fitness apps, sustainability-focused design. It reads as the color doing actual work rather than just sitting there looking competent. The saturation is high enough that it doesn't disappear next to mid-tone grays the way paler greens do, but it's not so electric that it demands the breathing room needs on screen.

Pair it with white or light neutrals and it pops without becoming aggressive. Against darks it holds its own without the cool detachment that more saturated yellowy-greens can develop. Watch it next to very warm oranges or saturated reds though, it can read slightly flat if there's nothing keeping it visually anchored.

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

On Gray 100 #f5f5f5

Aa
1.84:1Fail

On Gray 900 #18181b

Aa
8.82:1AAA

On Black #000000

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

Create a gradient with Bergamot

Open the generator with this color pre-loaded.

Start creating