← Back to Editor

#6B4C47 · #AD5357 · #DD9A78 · #EAC578 · #95B794

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 WebsiteBlog

Color Details Color Details

#6B4C47

Crimson · DimGray · Wine Red

HEX
#6B4C47
RGB
rgb(107, 76, 71)
HSL
hsl(8, 20%, 35%)
HSB
hsb(8, 34%, 42%)
CMYK
cmyk(0%, 29%, 34%, 58%)
Oklch
oklch(44.9% 0.043 29.2)

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

#AD5357

Crimson · Sienna · Passion Red

HEX
#AD5357
RGB
rgb(173, 83, 87)
HSL
hsl(357, 35%, 50%)
HSB
hsb(357, 52%, 68%)
CMYK
cmyk(0%, 52%, 50%, 32%)
Oklch
oklch(55.4% 0.118 18.9)

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

#DD9A78

Apricot · DarkSalmon · Warm Sun

HEX
#DD9A78
RGB
rgb(221, 154, 120)
HSL
hsl(20, 60%, 67%)
HSB
hsb(20, 46%, 87%)
CMYK
cmyk(0%, 30%, 46%, 13%)
Oklch
oklch(74.4% 0.093 47.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EAC578

Ginger · BurlyWood · Sunflower

HEX
#EAC578
RGB
rgb(234, 197, 120)
HSL
hsl(41, 73%, 69%)
HSB
hsb(41, 49%, 92%)
CMYK
cmyk(0%, 16%, 49%, 8%)
Oklch
oklch(83.9% 0.105 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#95B794

Celadon · DarkSeaGreen · Apple Green

HEX
#95B794
RGB
rgb(149, 183, 148)
HSL
hsl(118, 20%, 65%)
HSB
hsb(118, 19%, 72%)
CMYK
cmyk(19%, 0%, 19%, 28%)
Oklch
oklch(74.5% 0.062 144.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B4C47
47666B

Analogous

6B4754
6B4C47
6B5E47

Triadic

6B4C47
476B4C
4C476B

Split-Comp.

6B4C47
476B5E
47546B

Tetradic

6B4C47
546B47
47666B
5E476B

Contrast Matrix WCAG 2.1 Contrast

6B4C47
AD5357
DD9A78
EAC578
95B794
—
1.5
Fail
3.3
AA Large
4.6
AA
3.4
AA Large
1.5
Fail
—
2.2
Fail
3.1
AA Large
2.3
Fail
3.3
AA Large
2.2
Fail
—
1.4
Fail
1.1
Fail
4.6
AA
3.1
AA Large
1.4
Fail
—
1.3
Fail
3.4
AA Large
2.3
Fail
1.1
Fail
1.3
Fail
—
White BG
7.6AAA
5.1AA
2.3Fail
1.6Fail
2.2Fail
Black BG
2.7Fail
4.2AA Large
9.0AAA
12.8AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5D48
868556
C0BF80
DADA8B
A4A49C

Deuteranopia

5F6249
8B9256
C4C982
DCDF8F
A29F9F

Tritanopia

694949
A95555
DA8788
E8999D
97A3A5

Achromatopsia

555555
6E6E6E
AAAAAA
C7C7C7
A9A9A9

Shades & Tints Shades & Tints

#6B4C47

Dark
Light

#AD5357

Dark
Light

#DD9A78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b4c47;
  --color-2: #ad5357;
  --color-3: #dd9a78;
  --color-4: #eac578;
  --color-5: #95b794;
}

SCSS

$color-1: #6b4c47;
$color-2: #ad5357;
$color-3: #dd9a78;
$color-4: #eac578;
$color-5: #95b794;

TAILWIND

colors: {
  'brand-1': '#6b4c47',
  'brand-2': '#ad5357',
  'brand-3': '#dd9a78',
  'brand-4': '#eac578',
  'brand-5': '#95b794',
}

RGB Array

[107, 76, 71], [173, 83, 87], [221, 154, 120], [234, 197, 120], [149, 183, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #6B4C47, #AD5357, #DD9A78, #EAC578, #95B794 is ideal for: corporate websites, product showcases, portfolios. 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: #6b4c47; --color-2: #ad5357; --color-3: #dd9a78; --color-4: #eac578; --color-5: #95b794. 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. 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