Subtle Muted Eucalyptus Green
Category: Green
Laurel Green (#84A98C) — Color Codes, Meaning & UI Palettes
Laurel Green (#84A98C) is a soothing, gray-green botanical shade named after sweet bay laurel and eucalyptus foliage. Balanced between warm herbal green and cool slate gray, it embodies renewal, organic sustainability, calm focus, and wellness.
Click to Copy HEX
Laurel Green
#84A98C
HEX
#84A98C
RGB
rgb(132, 169, 140)
HSL
hsl(133deg, 18%, 59%)
CMYK (Print)
cmyk(22%, 0%, 17%, 34%)
Apple Display P3
color(display-p3 0.518 0.663 0.549)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
2.61:1 (Fail)
Black Text (#000000)
8.03:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F8FAF8
100
#EBF1ED
200
#D8E3DA
300
#BFD2C3
400
#A2BEA8
500
#84A98C
600
#6A8770
700
#4F6554
800
#354438
900
#1D251F
950
#101411
Color Harmonies & Palette Schemes
Complementary
#A984A1
Opposite 180° Contrast
Analogous -30°
#8EA984
Natural Harmony
Analogous +30°
#84A99F
Natural Harmony
Triadic +120°
#8C84A9
120° Balanced Triad
Triadic +240°
#A98C84
120° Balanced Triad
Curated UI Design Pairings for Laurel Green
Ideal primary brand tone for sustainability, mental health, environmental tech, and modern architectural platforms. Looks crisp and clean against off-white surfaces with charcoal type.
Pure White
#FFFFFF
Crisp Surface
Burnt Sienna
#C86446
Warm Earth Complement
Deep Forest
#1B4332
High-Contrast Text Anchor
Travertine Beige
#F4EBD9
Organic Neutral Card Background
Export Laurel Green Code Snippets
CSS Variable
--color-laurel-green: #84A98C;
Tailwind Config
'laurel-green': '#84A98C'
Swift / SwiftUI
Color(hex: "#84A98C")
JSON Design Token
{"name": "Laurel Green", "hex": "#84A98C"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.