Crispy Crunch
#7a8f68
Drier olive-green that reads brighter than Backyard
About Crispy Crunch
Crispy Crunch reads more saturated than its neighbors, there's actual color sitting underneath instead of gray doing most of the work. It's warmer than Bullfrog, more alive than Aloe Tip, and it lands brighter without feeling loud. The kind of green that doesn't need perfect conditions to feel like itself.
Reach for this on product interfaces where green needs presence: health platforms, environmental dashboards, financial tools where you want users to feel engaged rather than settled. It pairs well with warm grays and charcoal, and unlike Backyard or Aloe Tip, it doesn't flatten next to cool neutrals. The saturation means it holds up at scale without fatiguing, and type reads cleanly over it even at smaller sizes.
Test it early at actual dimensions, it reads richer in a full section than in a swatch. It's got enough restraint that it won't compete with content, but enough presence that it actually anchors the interface instead of just sitting there.
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.