#6E6638 + #4C3621 + #50292A + #742538 + #AE5C50 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#6E6638

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#6E6638

RGB

rgb(110, 102, 56)

HSL

hsl(51, 33%, 33%)

HSB

hsb(51, 49%, 43%)

CMYK

cmyk(0%, 7%, 49%, 57%)

Oklch

oklch(50.7% 0.066 99.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#4C3621

Tangerine · DarkOliveGreen · Cinnamon

HEX

#4C3621

RGB

rgb(76, 54, 33)

HSL

hsl(29, 39%, 21%)

HSB

hsb(29, 57%, 30%)

CMYK

cmyk(0%, 29%, 57%, 70%)

Oklch

oklch(35.2% 0.046 64.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#50292A

Crimson · DarkSlateGray · Wine Red

HEX

#50292A

RGB

rgb(80, 41, 42)

HSL

hsl(358, 32%, 24%)

HSB

hsb(358, 49%, 31%)

CMYK

cmyk(0%, 49%, 48%, 69%)

Oklch

oklch(33.3% 0.058 19.1)

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

#742538

Crimson · Brown · Wine Red

HEX

#742538

RGB

rgb(116, 37, 56)

HSL

hsl(346, 52%, 30%)

HSB

hsb(346, 68%, 45%)

CMYK

cmyk(0%, 68%, 52%, 55%)

Oklch

oklch(39.0% 0.111 9.4)

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

#AE5C50

Crimson · Sienna · Passion Red

HEX

#AE5C50

RGB

rgb(174, 92, 80)

HSL

hsl(8, 37%, 50%)

HSB

hsb(8, 54%, 68%)

CMYK

cmyk(0%, 47%, 54%, 32%)

Oklch

oklch(56.9% 0.109 29.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E6638

384170

Analogous

704C38

6E6638

5C7038

Triadic

6E6638

387068

683870

Split-Comp.

6E6638

385C70

4C3870

Tetradic

6E6638

38704C

384170

70385C

Contrast Matrix WCAG 2.1 Contrast

6E6638	4C3621	50292A	742538	AE5C50
—	1.9 Fail	2.1 Fail	1.8 Fail	1.2 Fail
1.9 Fail	—	1.1 Fail	1.1 Fail	2.4 Fail
2.1 Fail	1.1 Fail	—	1.2 Fail	2.6 Fail
1.8 Fail	1.1 Fail	1.2 Fail	—	2.2 Fail
1.2 Fail	2.4 Fail	2.6 Fail	2.2 Fail	—

White BG

5.8AA

11.3AAA

12.4AAA

10.2AAA

4.7AA

Black BG

3.6AA Large

1.9Fail

1.7Fail

2.1Fail

4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A43

424226

3F3F2A

525133

8A8A53

Deuteranopia

6B6C46

444527

41442A

565C32

8F9554

Tritanopia

6E4C4E

4B2A2B

4E2A2A

70302F

AA5556

Achromatopsia

636363

3A3A3A

353535

3F3F3F

737373

Shades & Tints Shades & Tints

#6E6638

Dark

Light

#4C3621

Dark

Light

#50292A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e6638;
  --color-2: #4c3621;
  --color-3: #50292a;
  --color-4: #742538;
  --color-5: #ae5c50;
}

SCSS

$color-1: #6e6638;
$color-2: #4c3621;
$color-3: #50292a;
$color-4: #742538;
$color-5: #ae5c50;

TAILWIND

colors: {
  'brand-1': '#6e6638',
  'brand-2': '#4c3621',
  'brand-3': '#50292a',
  'brand-4': '#742538',
  'brand-5': '#ae5c50',
}

RGB Array

[110, 102, 56], [76, 54, 33], [80, 41, 42], [116, 37, 56], [174, 92, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #6E6638, #4C3621, #50292A, #742538, #AE5C50 is ideal for: tech websites, dark mode UIs, game UIs. 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: #6e6638; --color-2: #4c3621; --color-3: #50292a; --color-4: #742538; --color-5: #ae5c50. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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