German Hop
#89ac27
Darker, punchy yellow-green for decisive status blocks
About German Hop
German Hop looks like spring yard clippings caught under office fluorescents: a yellow-green that's noticeably lighter and more sunlit than Countryside's dusty olive, and less screen-sharp than Gameboy Screen. It's also calmer and slightly more muted than Augustus Asparagus, with a softer yellow undertone that keeps it from feeling overly "alive." The mood is steady, not urgent.
I reach for German Hop in data-heavy work when you want greenery that stays readable in motion. It's great for crop and climate reporting portals, logistics status badges, and procurement or packaging systems where the UI needs clear states without the punch of a brighter yellow-green. Use it on small charts, pill filters, and map overlays sitting above photos, especially when you need something warmer than pure white but still clean next to neutrals.
Pair it with light cream, pale sand, or uncoated paper so it doesn't turn chalky. If you drop it beside very cool greens, it can look a touch washed, so balance with a warmer gray or a lightly saturated accent.
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.