← Back to Editor

#4F374F · #B9676D · #94A07C · #DECC8C · #A59983

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#4F374F

Rose Purple · DarkSlateGray · Eggplant

HEX
#4F374F
RGB
rgb(79, 55, 79)
HSL
hsl(300, 18%, 26%)
HSB
hsb(300, 30%, 31%)
CMYK
cmyk(0%, 30%, 0%, 69%)
Oklch
oklch(37.3% 0.051 326.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#B9676D

Crimson · LightCoral · Passion Red

HEX
#B9676D
RGB
rgb(185, 103, 109)
HSL
hsl(356, 37%, 56%)
HSB
hsb(356, 44%, 73%)
CMYK
cmyk(0%, 44%, 41%, 27%)
Oklch
oklch(60.8% 0.105 16.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#94A07C

Grass Green · DarkSeaGreen · Olive Green

HEX
#94A07C
RGB
rgb(148, 160, 124)
HSL
hsl(80, 16%, 56%)
HSB
hsb(80, 23%, 63%)
CMYK
cmyk(7%, 0%, 22%, 37%)
Oklch
oklch(68.6% 0.053 122.8)

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

#DECC8C

Goose Yellow · BurlyWood · Sunflower

HEX
#DECC8C
RGB
rgb(222, 204, 140)
HSL
hsl(47, 55%, 71%)
HSB
hsb(47, 37%, 87%)
CMYK
cmyk(0%, 8%, 37%, 13%)
Oklch
oklch(84.5% 0.085 94.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#A59983

Ginger · DarkGray · Warm Sun

HEX
#A59983
RGB
rgb(165, 153, 131)
HSL
hsl(39, 16%, 58%)
HSB
hsb(39, 21%, 65%)
CMYK
cmyk(0%, 7%, 21%, 35%)
Oklch
oklch(68.7% 0.034 82.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F374F
364E36

Analogous

42364E
4F374F
4E3642

Triadic

4F374F
4E4E36
364E4E

Split-Comp.

4F374F
424E36
364E42

Tetradic

4F374F
4E4236
364E36
36424E

Contrast Matrix WCAG 2.1 Contrast

4F374F
B9676D
94A07C
DECC8C
A59983
—
2.6
Fail
3.8
AA Large
6.6
AA
3.8
AA Large
2.6
Fail
—
1.5
Fail
2.5
Fail
1.4
Fail
3.8
AA Large
1.5
Fail
—
1.7
Fail
1.0
Fail
6.6
AA
2.5
Fail
1.7
Fail
—
1.8
Fail
3.8
AA Large
1.4
Fail
1.0
Fail
1.8
Fail
—
White BG
10.5AAA
4.0AA Large
2.8Fail
1.6Fail
2.8Fail
Black BG
2.0Fail
5.2AA
7.6AAA
13.1AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454449
95956C
999985
D6D69B
A0A088

Deuteranopia

464848
9AA06B
999887
D7D99F
A1A18A

Tritanopia

4E4544
B56A6A
958C8D
DDA8AA
A48D8D

Achromatopsia

414141
808080
989898
CACACA
9A9A9A

Shades & Tints Shades & Tints

#4F374F

Dark
Light

#B9676D

Dark
Light

#94A07C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f374f;
  --color-2: #b9676d;
  --color-3: #94a07c;
  --color-4: #decc8c;
  --color-5: #a59983;
}

SCSS

$color-1: #4f374f;
$color-2: #b9676d;
$color-3: #94a07c;
$color-4: #decc8c;
$color-5: #a59983;

TAILWIND

colors: {
  'brand-1': '#4f374f',
  'brand-2': '#b9676d',
  'brand-3': '#94a07c',
  'brand-4': '#decc8c',
  'brand-5': '#a59983',
}

RGB Array

[79, 55, 79], [185, 103, 109], [148, 160, 124], [222, 204, 140], [165, 153, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #4F374F, #B9676D, #94A07C, #DECC8C, #A59983 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #4f374f; --color-2: #b9676d; --color-3: #94a07c; --color-4: #decc8c; --color-5: #a59983. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco 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