Color Values
HEX
#A9BA9D
RGB
rgb(169, 186, 157)
HSL
hsl(95°, 17%, 67%)
CMYK
9%, 0%, 16%, 27%
HSV
95°, 16%, 73%
XYZ
40.01, 45.99, 38.67
Color Variations
Shades
#98a78d
#87947d
#76826d
#656f5e
Tints
#b1c0a6
#bac7b0
#c2ceba
#cbd5c4
Triadic Colors
#A9BA9D
#9DA9BA
#BA9DA9
Analogous Colors
#A9BA9D
#9DBAA0
#B8BA9D
Monochromatic Colors
#829a70
#8fa57f
#9caf8e
#A9BA9D
Complementary Color
#A9BA9D
#AE9DBA
CSS Examples
Laurel Leaf Pattern
.laurel-pattern {
background: #A9BA9D;
background-image:
radial-gradient(
circle at 2px 2px,
rgba(255,255,255,0.2) 1px,
transparent 0
),
radial-gradient(
circle at 15px 15px,
rgba(0,0,0,0.1) 1px,
transparent 0
);
background-size: 30px 30px;
box-shadow: inset 0 0 30px rgba(169,186,157,0.4);
}
Nature's Gradient
.nature-gradient {
background: linear-gradient(
135deg,
#A9BA9D 0%,
#91a583 50%,
#708661 100%
);
border-radius: 10px;
box-shadow:
0 4px 15px rgba(169,186,157,0.3),
inset 0 -2px 4px rgba(0,0,0,0.1);
}
Tranquil Button
.tranquil-button {
background: linear-gradient(to right, #A9BA9D, #91a583);
color: #181e15;
border: none;
padding: 12px 24px;
border-radius: 6px;
box-shadow:
0 3px 6px rgba(169,186,157,0.4),
inset 0 1px 3px rgba(255,255,255,0.3);
transition: all 0.3s ease;
}
Laurel Wreath Animation
@keyframes wreathSpin {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(180deg) scale(1.05); }
100% { transform: rotate(360deg) scale(1); }
}
.laurel-wreath {
background: radial-gradient(#A9BA9D, #91a583);
animation: wreathSpin 8s infinite linear;
border: 2px solid rgba(169,186,157,0.3);
}
Natural Border
.natural-border {
border: 3px solid transparent;
border-image: linear-gradient(
45deg,
#A9BA9D,
#91a583,
#708661,
#A9BA9D
) 1;
padding: 15px;
background:
linear-gradient(rgba(169,186,157,0.1), rgba(169,186,157,0.1)),
repeating-linear-gradient(
-45deg,
transparent,
transparent 5px,
rgba(169,186,157,0.05) 5px,
rgba(169,186,157,0.05) 10px
);
}
Serene Text
.serene-text {
color: #A9BA9D;
text-shadow:
1px 1px 2px rgba(145,165,131,0.3),
-1px -1px 2px rgba(255,255,255,0.4);
letter-spacing: 0.5px;
background: linear-gradient(45deg, #91a583, #A9BA9D);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Nature Card
.nature-card {
background: #A9BA9D;
background-image:
linear-gradient(
120deg,
rgba(255,255,255,0.2),
transparent 50%
);
border-radius: 15px;
box-shadow:
0 8px 20px rgba(169,186,157,0.3),
inset 0 2px 4px rgba(255,255,255,0.4);
border: 1px solid rgba(145,165,131,0.3);
}
About Laurel Green
Laurel Green is a soft, muted green that evokes the tranquility of nature. This gentle hue is named after the laurel plant, known for its lush, evergreen leaves.
What Is Laurel Green?
Laurel Green is a soft, muted green that resembles the lush, evergreen leaves of the laurel plant. This unique shade often brings to mind the gentle hues of moss-covered stones and the delicate foliage of forest undergrowth.
Meaning and Symbolism
Laurel Green is commonly associated with:
- Tranquility
- Nature
- Serenity
- Calmness
- Freshness
Historical Significance
In various cultures, Laurel Green symbolizes renewal and growth, often linked to the rebirth of nature in spring. Historically, it has been used to represent victory and honor, as laurel wreaths were awarded to victors in ancient Greece and Rome.
Color Combinations
Laurel Green works exceptionally well with:
- Coral (#FF7F50) - For a dynamic and energetic design
- Sky Blue (#87CEEB) - Creating refreshing and airy atmospheres
- Mustard Yellow (#FFDB58) - For warm and inviting compositions
Usage in Design
Consider using Laurel Green in:
- Interior design for relaxation spaces
- Spa and wellness branding
- Natural and organic product packaging
- Environmental and eco-friendly designs
- Garden and landscape architecture