Sage Green Color Codes for a Logo

The short answer: the sage color code

The value most often listed as the web reference for sage is hex #BCB88A, which equals RGB 188, 184, 138. It is a muted, grayish yellow-green. If you need one starting code for a sage-toned logo, this is the conventional reference point.

There is an important caveat. Sage green is a descriptive color name, not a standardized specification. Palette generators, paint makers and design tools each publish their own sage green, and the values differ. No official sage green standard, brand guideline or Pantone match was supplied for this article, so treat #BCB88A as a reference to evaluate, not a fixed rule.

Reference values for #BCB88A

Model | Value | Notes

Hex | #BCB88A | Commonly cited web value for sage

RGB | 188, 184, 138 | Screen color; source of the other values

HSL | 55°, 27%, 64% | Calculated from RGB; shows a low-saturation, mid-light yellow-green

CMYK (simple formula) | about 0, 2, 27, 26 | Arithmetic conversion only; not a press-ready value

The HSL and CMYK figures above are mathematical conversions from the RGB value, not measured or printer-verified results. For print, convert using the color profile your printer specifies, and get a proof. A Pantone equivalent was not part of the available evidence; if your logo needs a spot color, choose it from a current Pantone guide or tool rather than relying on an online approximation.

Why sage works in a logo, and where it needs care

Sage's low saturation is what makes it calm and understated, but that same quality limits contrast. On white or light backgrounds, a mid-light sage can look faint, especially in small text or thin linework. A practical approach is to pair it with a darker neutral or a deeper green for wordmarks and fine details, and to check contrast on every background where the logo will appear. These are general design judgments, not tested results for any specific brand.

Applying the code in vector logo artwork

In a true vector logo, color is stored as a fill or stroke value on paths, so changing to sage is an edit to those values rather than to pixels. In illustration software, define the color once as a global or named swatch so every shape that uses it updates together and the value stays consistent across file versions.

<!-- SVG: sage applied as a vector fill -->
<path d="..." fill="#BCB88A" />

/* CSS custom property for web use */
:root {
  --brand-sage: #BCB88A;
}

• Keep the document color mode intentional: RGB for screen deliverables, CMYK or spot color for print.
• Check whether the logo is genuinely made of editable paths; a file extension such as SVG, EPS, AI or PDF does not guarantee that.
• Watch for embedded raster images inside vector files; their color cannot be changed by editing a fill and they will not scale cleanly.
• Remember that raster previews and thumbnails show a color but carry no reliable editable value.
• Record the final hex, RGB, CMYK and any spot color together in the delivered brand files so every format uses the same sage.

Recoloring an existing logo

Being able to download a logo file is not the same as having permission to change its colors or reuse it. Recoloring someone else's mark, or using its fonts and trademarks, requires the owner's authorization. Applying sage to your own artwork, or to a logo you are licensed to modify, carries no such concern.

What the available evidence does not cover

No confirmed source was available for alternative sage green values, official Pantone matches, measured print results or brand-specific palettes. Those details should be verified in your design tool, a current color guide or with your printer before a sage logo palette is finalized.