Sage

#BCB88A

Yellow Family →

What Color is Sage

Sage (#BCB88A) is a muted, earthy yellow-green that evokes the warmth of dried herbs rather than fresh foliage. It sits at the intersection of nature and antiquity, offering a grounded alternative to sterile grays or bright greens. This shade captures the essence of late summer landscapes, feeling both organic and timeless.

What color is opposite Sage?

The opposite color to Sage is Wild Blue Yonder (#8a8fbc).

View Wild Blue Yonder

Additional Information

  • Color Family: Yellow
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #8A8FBC
  • Brightness: 180/255
  • Saturation: 27%

Colors That Pair Well With Sage

Complementary

Pair with Wild Blue Yonder for a harmonious, balanced look. Great for backgrounds and accents.

#BCB88A#8a8fbc

High Contrast

Use East Bay for maximum readability. Ideal for text or critical UI elements.

#BCB88A#434775

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#d7d4b9#5e5c45

Sage History

Historically, shades like this were achieved using Terre-Verte (Green Earth), a pigment mined from clay deposits used since the Roman Empire. Artists would also mix Yellow Ochre with Carbon Black to create these murky, resilient tones for under-painting landscapes. Because natural green pigments were often unstable or dull, this specific brownish-yellow hue became a reliable staple for depicting foliage in shadows.

During the late 19th century, the Arts-and-Crafts movement reclaimed these muddy tones from the industrial era's synthetic brights. Designers like William Morris favored such colors for their connection to pre-industrial methods and natural dyes. It represented a shift away from artificiality toward authenticity in domestic interiors.

Meaning & Psychology

Psychologically, this shade of Sage induces a sense of stabilization and comfort. It lacks the urgency of bright yellow or the aloofness of cool blue, instead offering a warm embrace that encourages slow thinking and relaxation. It suggests a connection to the earth that is weathered and enduring, promoting a feeling of safety.

Culturally, the color is often associated with wisdom and experience, much like the 'sage' archetype in literature. In interior environments, it reduces emotional noise, creating a sanctuary for reflection. It tells the viewer that a space is established and mature, rather than fleeting or trendy.

In Nature

This specific hue is readily found in the desiccated leaves of culinary herbs after they have been dried for preservation. It is also visible in patches of sun-bleached lichen clinging to granite boulders in alpine environments. Furthermore, this yellow-green tone mimics the protective coloration of dried grasses found in savannah ecosystems.

How To Use Sage

In design, treat this color as a 'warm neutral' that pairs exceptionally well with natural textures like rattan, linen, and unvarnished wood. It is excellent for packaging design that emphasizes organic ingredients or sustainability, as it avoids the cliché of bright 'eco-green' while still signaling nature.

When working with typography, this hue is too light for body text on white backgrounds; you must ensure adequate contrast by using it on dark charcoal backgrounds or using dark text over it. It serves best as a calming background wash or a secondary accent to soften high-contrast layouts.

Related Words

terre-verteochrearts-and-craftsauthenticitystabilizationsafetywisdomreflectionherbslichengrassestexturesnaturecontrastlayouts

Curated Palettes

#BCB88A
#5D5A3A
#ECE9D6
#8C6E48
#3E3B28

Dried Herbarium

A monochromatic and textural palette focused on organic warmth.

#BCB88A
#9A4545
#2C3E50
#F4F1EA
#D4AF37

Vintage Botanical

Inspired by 19th-century floral illustrations and book bindings.

#BCB88A
#BF6B58
#334145
#E0DACC
#586356

Modern Earth

A contemporary mix of warm earth tones and cool contrasts.

Color Conversions

Hex
#BCB88A
RGB
188, 184, 138
RGB %
74%, 72%, 54%
HSL
55°, 27%, 64%
HSV
55°, 27%, 74%
CMYK
0%, 2%, 27%, 26%
LAB
74.07, -5.97, 23.94
XYZ
42.47, 46.81, 30.84

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #BCB88A;
Text Color (RGB)
Aa
color: rgb(188, 184, 138);
Background Color
background-color: #BCB88A;
Border
border: 3px solid #BCB88A;
Box Shadow
box-shadow: 0 4px 12px #BCB88A66;
Gradient
background: linear-gradient(135deg, #BCB88A 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Sage

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Sage

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Sage?

Explore color palettes containing Sage and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

gold

#250#CDC08D

Buy

Caran d'ache Luminance 6901

Olive Brown 10%

#732#CDBE98

Buy

Prismacolor

Sap Green Light

#PC120#78A87C

Buy

Polychromos

earth green yellowish

#168#82A255

Buy

Prismacolor

Celadon Green

#PC1020#ACBD9D

Buy

Caran d'ache Luminance 6901

Cobalt Green

#182#56AE86

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Sage?
The hex code for Sage is #BCB88A. The RGB values are (188, 184, 138). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Sage?
Sage pairs well with its complementary color, Wild Blue Yonder (#8a8fbc). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Sage accessible for text?
No, Sage is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Sage in CSS?

You can use Sage in CSS with its hex code. Here is an example class:

.sage {
  background-color: #BCB88A;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.