Virgin Olive Oil
#e2dcab
Soft muted olive neutral for calm content blocks
About Virgin Olive Oil
On a light screen, Virgin Olive Oil feels like an olive leaf that got softened by daylight. It's not the apologetic beige neutrality of Beige, and it doesn't carry the pale grain warmth of Sesame Seed. You can see the green come through, but it stays hushed, more muted clay than straw, and the undertone reads steadier and more grounded.
I use this shade when I need a warm green base for layouts that should feel quietly natural, not creamy and not grayed out. It's a good fit for editorial section backgrounds, ingredient-heavy recipe templates, and consumer health or beauty landing pages where you want calmer panels behind typography. If you're building product UIs, it also works as a secondary surface near charcoal type, especially when you want something closer to Olive than to April Showers' warmer, grayer negotiation.
One note: because it's light and low-saturation, it can look a touch dull next to bright yellows; pair it with deeper olive rules or slightly cooler accents to keep it from flattening. the one you reach for when green needs to be present but never grabs the cursor.
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.