Basil

#879f84

Balanced muted sage with calmer olive warmth

Save
Share

About Basil

Basil sits between settled and alive. It's got enough green to read as intentional, but it's wrapped in a soft gray undertone that keeps it from ever feeling fresh or botanical. Warmer than 's mineral coolness, but nowhere near as approachable as 's domesticated comfort. This is the green that works best when it's doing something quiet, anchoring type, filling space, not asking for attention.

Reach for it on health platforms, wellness apps, and product dashboards where you need calm that still carries weight. It pairs cleanly with warm grays, cream, and soft stone without disappearing the way can. The saturation's there, type reads, logos land, but the color itself has this deliberate restraint, like it knows exactly how much presence the interface needs and nothing more.

Test it against your neutrals first. It'll feel noticeably more muted and warm next to pure white than the cooler greens, which matters if you're building a system where consistency across backgrounds is critical. Pair it with warm materials and it settles immediately. Push it next to cool grays and it flattens. It's not difficult, just particular.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.87:1Fail

On Gray 100 #f5f5f5

Aa
2.63:1Fail

On Gray 900 #18181b

Aa
6.18:1AAAAA Large

On Black #000000

Aa
7.32:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Basil

Open the generator with this color pre-loaded.

Start creating