← Back to Editor

#443944 · #8E8E8C · #D3C8B0 · #F7E4B0 · #E2CBA0

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

#443944

Rose Purple · DarkSlateGray · Dark Stone

HEX
#443944
RGB
rgb(68, 57, 68)
HSL
hsl(300, 9%, 25%)
HSB
hsb(300, 16%, 27%)
CMYK
cmyk(0%, 16%, 0%, 73%)
Oklch
oklch(36.0% 0.024 326.1)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#8E8E8C

Ash · Gray · Warm Gray

HEX
#8E8E8C
RGB
rgb(142, 142, 140)
HSL
hsl(60, 1%, 55%)
HSB
hsb(60, 1%, 56%)
CMYK
cmyk(0%, 0%, 1%, 44%)
Oklch
oklch(64.6% 0.003 106.5)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#D3C8B0

Goose Yellow · Silver · Lemon Cream

HEX
#D3C8B0
RGB
rgb(211, 200, 176)
HSL
hsl(41, 28%, 76%)
HSB
hsb(41, 17%, 83%)
CMYK
cmyk(0%, 5%, 17%, 17%)
Oklch
oklch(83.5% 0.035 86.3)

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

#F7E4B0

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E4B0
RGB
rgb(247, 228, 176)
HSL
hsl(44, 82%, 83%)
HSB
hsb(44, 29%, 97%)
CMYK
cmyk(0%, 8%, 29%, 3%)
Oklch
oklch(92.2% 0.070 90.3)

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

#E2CBA0

Goose Yellow · BurlyWood · Peach Orange

HEX
#E2CBA0
RGB
rgb(226, 203, 160)
HSL
hsl(39, 53%, 76%)
HSB
hsb(39, 29%, 89%)
CMYK
cmyk(0%, 10%, 29%, 11%)
Oklch
oklch(85.1% 0.062 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

443944
3A453A

Analogous

403A45
443944
453A40

Triadic

443944
45453A
3A4545

Split-Comp.

443944
40453A
3A4540

Tetradic

443944
45403A
3A453A
3A4045

Contrast Matrix WCAG 2.1 Contrast

443944
8E8E8C
D3C8B0
F7E4B0
E2CBA0
—
3.3
AA Large
6.6
AA
8.7
AAA
6.9
AA
3.3
AA Large
—
2.0
Fail
2.6
Fail
2.1
Fail
6.6
AA
2.0
Fail
—
1.3
Fail
1.0
Fail
8.7
AAA
2.6
Fail
1.3
Fail
—
1.3
Fail
6.9
AA
2.1
Fail
1.0
Fail
1.3
Fail
—
White BG
11.0AAA
3.3AA Large
1.7Fail
1.3Fail
1.6Fail
Black BG
1.9Fail
6.4AA
12.7AAA
16.7AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F41
8E8E8C
CECEB6
EFEFBD
D8D8AA

Deuteranopia

404141
8E8E8D
CFD0B7
F0F1C0
D9DBAD

Tritanopia

433F3F
8E8D8D
D2BABB
F6C7C9
E1B3B4

Achromatopsia

3E3E3E
8E8E8E
C9C9C9
E4E4E4
CDCDCD

Shades & Tints Shades & Tints

#443944

Dark
Light

#8E8E8C

Dark
Light

#D3C8B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #443944;
  --color-2: #8e8e8c;
  --color-3: #d3c8b0;
  --color-4: #f7e4b0;
  --color-5: #e2cba0;
}

SCSS

$color-1: #443944;
$color-2: #8e8e8c;
$color-3: #d3c8b0;
$color-4: #f7e4b0;
$color-5: #e2cba0;

TAILWIND

colors: {
  'brand-1': '#443944',
  'brand-2': '#8e8e8c',
  'brand-3': '#d3c8b0',
  'brand-4': '#f7e4b0',
  'brand-5': '#e2cba0',
}

RGB Array

[68, 57, 68], [142, 142, 140], [211, 200, 176], [247, 228, 176], [226, 203, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #443944, #8E8E8C, #D3C8B0, #F7E4B0, #E2CBA0 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #443944; --color-2: #8e8e8c; --color-3: #d3c8b0; --color-4: #f7e4b0; --color-5: #e2cba0. 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. 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