Spaghetti Monster
#eecc88
Light yellow-green comfort for playful UI headers
About Spaghetti Monster
Spaghetti Monster reads like a playful noodle-tint laid over warm cream. Compared to Honeydew Sand, it's less whispery and more saturated, so it doesn't feel airy. And it's not the golden, amber-leaning weight of Butterscotch Cake, because this one stays distinctly pale with a softer green bias. Versus Mille-Feuille, it comes off smoother and less dusty, more like a sweet, light coating than a toasted glaze.
I use it when a UI needs a light base in the Green family that still feels friendly and slightly quirky, not amber. It's great for dashboards and product marketing pages in food and beverage brands, especially for cards, filters, and empty states where you want separation without turning into a "sand" background. I also like it behind icons and section headers in e-commerce grids because the warmth doesn't flatten against olive and sage.
Quirk: since it leans creamy, it can mute nearby greens. If your accent is very saturated, bump contrast with a crisper sage or a deeper green instead of matching this shade too closely.
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 Spaghetti Monster
Open the generator with this color pre-loaded.
Start creating