← Back to Editor

#534441 · #8A754A · #D28960 · #E6BD9D · #D7CFC4

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

#534441

Crimson · DarkSlateGray · Wine Red

HEX
#534441
RGB
rgb(83, 68, 65)
HSL
hsl(10, 12%, 29%)
HSB
hsb(10, 22%, 33%)
CMYK
cmyk(0%, 18%, 22%, 67%)
Oklch
oklch(40.1% 0.021 31.2)

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

#8A754A

Ochre · DimGray · Honey Gold

HEX
#8A754A
RGB
rgb(138, 117, 74)
HSL
hsl(40, 30%, 42%)
HSB
hsb(40, 46%, 54%)
CMYK
cmyk(0%, 15%, 46%, 46%)
Oklch
oklch(57.2% 0.065 84.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D28960

Tangerine · DarkSalmon · Warm Sun

HEX
#D28960
RGB
rgb(210, 137, 96)
HSL
hsl(22, 56%, 60%)
HSB
hsb(22, 54%, 82%)
CMYK
cmyk(0%, 35%, 54%, 18%)
Oklch
oklch(69.6% 0.106 49.7)

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

#E6BD9D

Apricot · BurlyWood · Peach Orange

HEX
#E6BD9D
RGB
rgb(230, 189, 157)
HSL
hsl(26, 59%, 76%)
HSB
hsb(26, 32%, 90%)
CMYK
cmyk(0%, 18%, 32%, 10%)
Oklch
oklch(82.6% 0.064 59.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D7CFC4

Goose Yellow · LightGray · Peach Orange

HEX
#D7CFC4
RGB
rgb(215, 207, 196)
HSL
hsl(35, 19%, 81%)
HSB
hsb(35, 9%, 84%)
CMYK
cmyk(0%, 4%, 9%, 16%)
Oklch
oklch(85.8% 0.017 76.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

534441
415053

Analogous

534147
534441
534D41

Triadic

534441
415344
444153

Split-Comp.

534441
41534D
414753

Tetradic

534441
475341
415053
4D4153

Contrast Matrix WCAG 2.1 Contrast

534441
8A754A
D28960
E6BD9D
D7CFC4
—
2.1
Fail
3.3
AA Large
5.3
AA
6.0
AA
2.1
Fail
—
1.6
Fail
2.6
Fail
2.9
Fail
3.3
AA Large
1.6
Fail
—
1.6
Fail
1.8
Fail
5.3
AA
2.6
Fail
1.6
Fail
—
1.1
Fail
6.0
AA
2.9
Fail
1.8
Fail
1.1
Fail
—
White BG
9.2AAA
4.4AA Large
2.8Fail
1.7Fail
1.5Fail
Black BG
2.3Fail
4.7AA
7.5AAA
12.1AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4C42
818154
B2B26A
D4D4A5
D4D3C7

Deuteranopia

4D4F42
828457
B7BC6C
D7DAA7
D4D5C7

Tritanopia

524242
895D5E
CE7273
E4ABAC
D7C9C9

Achromatopsia

484848
767676
9A9A9A
C6C6C6
D0D0D0

Shades & Tints Shades & Tints

#534441

Dark
Light

#8A754A

Dark
Light

#D28960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #534441;
  --color-2: #8a754a;
  --color-3: #d28960;
  --color-4: #e6bd9d;
  --color-5: #d7cfc4;
}

SCSS

$color-1: #534441;
$color-2: #8a754a;
$color-3: #d28960;
$color-4: #e6bd9d;
$color-5: #d7cfc4;

TAILWIND

colors: {
  'brand-1': '#534441',
  'brand-2': '#8a754a',
  'brand-3': '#d28960',
  'brand-4': '#e6bd9d',
  'brand-5': '#d7cfc4',
}

RGB Array

[83, 68, 65], [138, 117, 74], [210, 137, 96], [230, 189, 157], [215, 207, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #534441, #8A754A, #D28960, #E6BD9D, #D7CFC4 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: #534441; --color-2: #8a754a; --color-3: #d28960; --color-4: #e6bd9d; --color-5: #d7cfc4. 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