Green Bell Pepper
#228800
Cool, saturated pepper green for crisp highlights
About Green Bell Pepper
Green bell pepper looks like it was freshly cut under bright kitchen light: crisp, medium-light, and noticeably more lively than the darker greens nearby. Compared to Clover's deeper, self-contained mood and Asian Spice's subdued, slightly brown-leaning calm, this one stays cleaner and higher-key. It has a fresh, slightly yellow-green undertone that reads crisp instead of brooding, and the saturation feels practical rather than muddy.
I use it when the interface needs "green" without sinking into authority-only territory like Emerald or Clover. It works in warehouse and logistics labeling, food and pharma ingredient pages, and product UI where statuses should feel clear fast but not loud. You'll also see it hold up in thumbnail grids, CMS media tiles, and sustainability dashboards when the rest of the palette is mid-tone neutrals.
Quirk: beside warm cream or honeyed browns it can feel a touch grassy, so I'd keep pairings cooler (soft gray, graphite, or clean off-white) if you want it to stay sharp.
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 Green Bell Pepper
Open the generator with this color pre-loaded.
Start creating