Laurel Green
#A9BA9D

A soft, muted green that evokes the tranquility of nature and the gentle hues of laurel leaves.

#A9BA9D
RGB(169, 186, 157)
#181E15
#323B2C
#3C4635
#48573E
#5A6C4D
#708661
#91A583
#A9BA9D
#D8E0D2
#EBF0E8
#F6F8F5

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

laurel green

Laurel Green

January 10, 2025
PALETTE GENERATOR
#a9ba9d

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Laurel Green
#a9ba9d
No items found.
Build with ❤️ Lovable