← Back to Editor

#3E892E · #363939 · #5B5757 · #5C9F37 · #44863C

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#3E892E

Celadon · ForestGreen · Forest Green

HEX
#3E892E
RGB
rgb(62, 137, 46)
HSL
hsl(109, 50%, 36%)
HSB
hsb(109, 66%, 54%)
CMYK
cmyk(55%, 0%, 66%, 46%)
Oklch
oklch(56.2% 0.147 140.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#363939

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#363939
RGB
rgb(54, 57, 57)
HSL
hsl(180, 3%, 22%)
HSB
hsb(180, 5%, 22%)
CMYK
cmyk(5%, 0%, 0%, 78%)
Oklch
oklch(34.2% 0.004 197.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#5B5757

Ink Gray · DimGray · Charcoal

HEX
#5B5757
RGB
rgb(91, 87, 87)
HSL
hsl(0, 2%, 35%)
HSB
hsb(0, 4%, 36%)
CMYK
cmyk(0%, 4%, 4%, 64%)
Oklch
oklch(46.1% 0.005 17.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#5C9F37

Celadon · DarkOliveGreen · Olive Green

HEX
#5C9F37
RGB
rgb(92, 159, 55)
HSL
hsl(99, 49%, 42%)
HSB
hsb(99, 65%, 62%)
CMYK
cmyk(42%, 0%, 65%, 38%)
Oklch
oklch(63.6% 0.154 136.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#44863C

Celadon · DarkOliveGreen · Forest Green

HEX
#44863C
RGB
rgb(68, 134, 60)
HSL
hsl(114, 38%, 38%)
HSB
hsb(114, 55%, 53%)
CMYK
cmyk(49%, 0%, 55%, 47%)
Oklch
oklch(55.8% 0.127 141.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E892E
792E8A

Analogous

6D8A2E
3E892E
2E8A4B

Triadic

3E892E
2E3F8A
8A2E3F

Split-Comp.

3E892E
4B2E8A
8A2E6D

Tetradic

3E892E
2E6D8A
792E8A
8A4B2E

Contrast Matrix WCAG 2.1 Contrast

3E892E
363939
5B5757
5C9F37
44863C
—
2.7
Fail
1.6
Fail
1.3
Fail
1.0
Fail
2.7
Fail
—
1.6
Fail
3.6
AA Large
2.6
Fail
1.6
Fail
1.6
Fail
—
2.2
Fail
1.6
Fail
1.3
Fail
3.6
AA Large
2.2
Fail
—
1.4
Fail
1.0
Fail
2.6
Fail
1.6
Fail
1.4
Fail
—
White BG
4.4AA Large
11.7AAA
7.1AAA
3.2AA Large
4.4AA Large
Black BG
4.8AA
1.8Fail
2.9Fail
6.5AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5F44
373739
595957
797A50
61614E

Deuteranopia

5A5549
373739
5A5A57
757056
5D5852

Tritanopia

425559
363939
5B5757
5F6468
475C5F

Achromatopsia

686868
383838
585858
7F7F7F
6A6A6A

Shades & Tints Shades & Tints

#3E892E

Dark
Light

#363939

Dark
Light

#5B5757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e892e;
  --color-2: #363939;
  --color-3: #5b5757;
  --color-4: #5c9f37;
  --color-5: #44863c;
}

SCSS

$color-1: #3e892e;
$color-2: #363939;
$color-3: #5b5757;
$color-4: #5c9f37;
$color-5: #44863c;

TAILWIND

colors: {
  'brand-1': '#3e892e',
  'brand-2': '#363939',
  'brand-3': '#5b5757',
  'brand-4': '#5c9f37',
  'brand-5': '#44863c',
}

RGB Array

[62, 137, 46], [54, 57, 57], [91, 87, 87], [92, 159, 55], [68, 134, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #3E892E, #363939, #5B5757, #5C9F37, #44863C is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3e892e; --color-2: #363939; --color-3: #5b5757; --color-4: #5c9f37; --color-5: #44863c. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This nature-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color