Sage Green Color Palette
The official color guide for Sage Green. Soft, dreamy tones optimized for nature, aesthetic design, and visual harmony.
Introduction
Sage Green is a defining palette in the nature aesthetic. Popularized by Home Decor in 2022, this collection brings a gentle, soothing vibe to any project.
With a primary hue of #B2AC88, it offers a soft alternative to harsh saturated colors.
Perfect for backgrounds, illustrations, and calming UI elements, Sage Green creates an inviting atmosphere.
Color Analysis
A breakdown of the verified hex codes and their specific roles.
| Preview | Role | Hex | RGB |
|---|---|---|---|
| Primary | #B2AC88 |
178, 172, 136 | |
| Secondary | #9DC183 |
157, 193, 131 | |
| Accent | #8A9A5B |
138, 154, 91 | |
| Complement | #C1C6FC |
193, 198, 252 |
Trends & Psychology
Soft Focus
Pastel colors like #B2AC88 are known to have a calming effect on the viewer, reducing visual stress and creating a sense of safety and openness.
Global Appeal
United States has seen a rising trend in modern SaaS websites and lifestyle blogs using these exact tones.
Implementation Guide
Use these snippets to add Sage Green to your stylesheet.
CSS Variables
:root {
/* Sage Green Variables */
--pastel-1: #B2AC88;
--pastel-2: #9DC183;
--pastel-3: #8A9A5B;
--pastel-4: #C1C6FC;
}Frequently Asked Questions
Pastel colors are generally too light for body text on white backgrounds. Use them for backgrounds or large headlines on dark backgrounds.