Angry Pasta
#ffcc55
Muted orange-yellow green for alert UI warnings
About Angry Pasta
Angry Pasta sits warmer and more saturated than Banana Bread, but it doesn't have Chickadee's insistent glow. It's the one that actually *feels* warm to look at, there's yellow in the temperature, not just in the name. Where Banana Bread pulls back and whispers, this one speaks up. It's still approachable, but with teeth.
Use it on e-commerce product pages, hospitality booking flows, and food delivery apps where you need a background that suggests energy and appetite without feeling clinical. It pairs solidly with charcoal and deep sage, holds typography without flinching, and doesn't disappear the way Anna Banana can on certain neutrals. Against natural wood or warm grays it actually strengthens them instead of fighting.
The catch: it's saturated enough that it demands confident pairing. Test it against beige or taupe first, next to those it can feel aggressive or isolated. But next to real color, next to depth, it lands exactly where you need it.
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.
