Olive Green as a Primary Color

The default accent color of the modern web is blue. It is the color of links, of primary buttons, of focus rings. It is chosen because it is safe — it reads as interactive, it carries no strong connotation, and it offends no one. It is also everywhere.

Why Olive

Olive green sits in an unusual place in the color space. It is a yellow that has been pulled toward black, which mutes its energy without making it cold. The result reads as earthy and deliberate rather than bright and eager.

The specific value used here is #556B2F. Against a warm off-white background it holds enough contrast to be legible at link size, but it never competes with the body text for attention. It marks without shouting.

Two Modes, Two Values

A single accent value does not survive a theme switch. The same olive that reads as grounded on a light background turns muddy against near black. The dark mode therefore shifts to a lighter sage — #8FBC5A — which keeps the same hue family while restoring the contrast ratio.

Everything else in the palette stays strictly neutral. There are no tinted backgrounds, no colored borders, no accent-tinted grays. The accent appears only on links and the active navigation item, and nowhere else.

Restraint in Application

A muted accent only works if it is used sparingly. The moment it spreads — onto headings, onto borders, onto backgrounds — it stops being an accent and becomes a theme. The discipline is to let it appear in exactly two places and trust that to be enough.

The test is simple. Squint at the page. The accent should be barely visible. If it is the first thing you notice, it is doing too much.