Pikka Logo Pikka
Chrome App
Muted Silver-Toned Herbal Forest Green Category: Green

Eucalyptus Green (#5F8575) — Color Codes, Meaning & UI Palettes

Eucalyptus Green (#5F8575) captures the cool, aromatic blue-gray leaves of Australian Eucalyptus globulus. It represents healing purification, botanical serenity, mindfulness, and biophilic interior harmony.

Quick Answer (Eucalyptus Green Color Code): The exact HEX code for Eucalyptus Green is #5F8575. In RGB, it is rgb(95, 133, 117). In HSL, it is hsl(155deg, 17%, 45%), and its print CMYK formulation is cmyk(29%, 0%, 12%, 48%). It has a relative luminance of 0.205 and pairs best in UI design with Soft Travertine (#F5EBE0) and Deep Forest Pine (#1B4332).
Click to Copy HEX
Eucalyptus Green
#5F8575
HEX
#5F8575
RGB
rgb(95, 133, 117)
HSL
hsl(155deg, 17%, 45%)
CMYK (Print)
cmyk(29%, 0%, 12%, 48%)
Apple Display P3
color(display-p3 0.373 0.522 0.459)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 4.12:1 (AA Large)
Black Text (#000000) 5.1:1 (AA)

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
#F3F7F5
100
#E7EEEB
200
#CFDDD7
300
#B1C8BF
400
#8EAFA1
500
#5F8575
600
#4E6E61
700
#3E574D
800
#2E4039
900
#1E2B26
950
#111815

Color Harmonies & Palette Schemes

Complementary

#865F6F
Opposite 180° Contrast

Analogous -30°

#5F8662
Natural Harmony

Analogous +30°

#5F8386
Natural Harmony

Triadic +120°

#765F86
120° Balanced Triad

Triadic +240°

#86765F
120° Balanced Triad

Curated UI Design Pairings for Eucalyptus Green

Calming primary accent for apothecary shops, yoga studios, wellness platforms, and sustainable home decor brands.

Soft Travertine
#F5EBE0
Warm Mineral Surface
Deep Forest Pine
#1B4332
High-Contrast Anchor
Pure Vellum
#FAFDFB
Clean Base Background
Warm Cinnamon
#9A3412
Inviting Spice Accent

Export Eucalyptus Green Code Snippets

CSS Variable --color-eucalyptus-green: #5F8575;
Tailwind Config 'eucalyptus-green': '#5F8575'
Swift / SwiftUI Color(hex: "#5F8575")
JSON Design Token {"name": "Eucalyptus Green", "hex": "#5F8575"}

Frequently Asked Questions About Eucalyptus Green (#5F8575)

What is the exact HEX code for Eucalyptus Green?

The exact HEX code for Eucalyptus Green is #5F8575. In 8-digit hexadecimal (with 100% opacity), it is #5F8575FF. Its RGB decimal equivalent is rgb(95, 133, 117) and its HSL value is hsl(155deg, 17%, 45%).

What colors go best with Eucalyptus Green in UI and web design?

Eucalyptus Green pairs exceptionally well with Soft Travertine (#F5EBE0), Deep Forest Pine (#1B4332), Pure Vellum (#FAFDFB), and Warm Cinnamon (#9A3412).

How do I use Eucalyptus Green in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #5F8575; or background-color: #5F8575;. In Tailwind CSS, use arbitrary value syntax like bg-[#5f8575] or text-[#5f8575], or define it in your Tailwind v4 @theme block as --color-eucalyptus-green: #5F8575;.

Is Eucalyptus Green WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Eucalyptus Green achieves a contrast ratio of 4.12:1 (AA Large). Against a pure black background (#000000), it achieves 5.1:1 (AA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator