← Back to Editor

#4D0006 · #573833 · #644B4E · #A06567 · #D9C2B0

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

#4D0006

Vermilion · Maroon · Deep Berry

HEX
#4D0006
RGB
rgb(77, 0, 6)
HSL
hsl(355, 100%, 15%)
HSB
hsb(355, 100%, 30%)
CMYK
cmyk(0%, 100%, 92%, 70%)
Oklch
oklch(26.5% 0.107 25.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#573833

Crimson · DarkOliveGreen · Wine Red

HEX
#573833
RGB
rgb(87, 56, 51)
HSL
hsl(8, 26%, 27%)
HSB
hsb(8, 41%, 34%)
CMYK
cmyk(0%, 36%, 41%, 66%)
Oklch
oklch(37.6% 0.046 29.5)

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

#644B4E

Crimson · DimGray · Wine Red

HEX
#644B4E
RGB
rgb(100, 75, 78)
HSL
hsl(353, 14%, 34%)
HSB
hsb(353, 25%, 39%)
CMYK
cmyk(0%, 25%, 22%, 61%)
Oklch
oklch(44.0% 0.034 10.5)

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

#A06567

Crimson · Gray · Passion Red

HEX
#A06567
RGB
rgb(160, 101, 103)
HSL
hsl(358, 24%, 51%)
HSB
hsb(358, 37%, 63%)
CMYK
cmyk(0%, 37%, 36%, 37%)
Oklch
oklch(57.1% 0.077 17.5)

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

#D9C2B0

Apricot · Silver · Peach Orange

HEX
#D9C2B0
RGB
rgb(217, 194, 176)
HSL
hsl(26, 35%, 77%)
HSB
hsb(26, 19%, 85%)
CMYK
cmyk(0%, 11%, 19%, 15%)
Oklch
oklch(82.9% 0.036 60.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D0006
004D46

Analogous

4D002D
4D0006
4D2000

Triadic

4D0006
064D00
00064D

Split-Comp.

4D0006
004D20
002D4D

Tetradic

4D0006
2D4D00
004D46
20004D

Contrast Matrix WCAG 2.1 Contrast

4D0006
573833
644B4E
A06567
D9C2B0
—
1.5
Fail
2.0
Fail
3.5
AA Large
9.3
AAA
1.5
Fail
—
1.3
Fail
2.3
Fail
6.1
AA
2.0
Fail
1.3
Fail
—
1.7
Fail
4.6
AA
3.5
AA Large
2.3
Fail
1.7
Fail
—
2.7
Fail
9.3
AAA
6.1
AA
4.6
AA
2.7
Fail
—
White BG
15.9AAA
10.4AAA
7.9AAA
4.6AA
1.7Fail
Black BG
1.3Fail
2.0Fail
2.7Fail
4.6AA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2B05
4A4934
59594D
868667
CFCFB4

Deuteranopia

303604
4B4E35
5B5D4D
8A8E66
D0D2B5

Tritanopia

490303
553535
634D4D
9D6666
D8B8B9

Achromatopsia

181818
414141
535353
777777
C7C7C7

Shades & Tints Shades & Tints

#4D0006

Dark
Light

#573833

Dark
Light

#644B4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d0006;
  --color-2: #573833;
  --color-3: #644b4e;
  --color-4: #a06567;
  --color-5: #d9c2b0;
}

SCSS

$color-1: #4d0006;
$color-2: #573833;
$color-3: #644b4e;
$color-4: #a06567;
$color-5: #d9c2b0;

TAILWIND

colors: {
  'brand-1': '#4d0006',
  'brand-2': '#573833',
  'brand-3': '#644b4e',
  'brand-4': '#a06567',
  'brand-5': '#d9c2b0',
}

RGB Array

[77, 0, 6], [87, 56, 51], [100, 75, 78], [160, 101, 103], [217, 194, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #4D0006, #573833, #644B4E, #A06567, #D9C2B0 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: #4d0006; --color-2: #573833; --color-3: #644b4e; --color-4: #a06567; --color-5: #d9c2b0. 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