Olive Niçoise
#88432e
Muted olive-brown orange for calmer UI accents
About Olive Niçoise
Olive Niçoise looks like a muted olive-brown you'd scrape off a vintage jar and smear lightly onto kraft paper. It's not as red-hot as Fire, and it doesn't drift into the straightforward cocoa mood of Cacao Nibs. Compared to Chocolate Covered, it feels more grounded and a bit more earth-forward, with an olive undertone that keeps it from turning "just chocolate."
In practice, I use it when orange-family warmth needs restraint. Think labels for olive oil, spice blends, and pantry goods, or editorial subheads where you want brown depth without the reddish insistence you get from Fire. It also reads well in UI for filters, secondary states, and supporting panels where you need a warm brown anchor that won't compete with brighter orange accents. It's the olive-brown alternative to Chocolate Covered when you want the same steadiness, but slightly more earthy personality.
Pair it with cream, oatmeal, or olive-green tints, and keep highlights clean. Next to a more neutral brown, it'll show that subtle green-leaning undertone right away.
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.