#361206 + #363414 + #4D4408 + #809147 + #94A137 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#361206

Tangerine · Black · Cinnamon

HEX

#361206

RGB

rgb(54, 18, 6)

HSL

hsl(15, 80%, 12%)

HSB

hsb(15, 89%, 21%)

CMYK

cmyk(0%, 67%, 89%, 79%)

Oklch

oklch(23.7% 0.062 39.1)

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

#363414

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#363414

RGB

rgb(54, 52, 20)

HSL

hsl(56, 46%, 15%)

HSB

hsb(56, 63%, 21%)

CMYK

cmyk(0%, 4%, 63%, 79%)

Oklch

oklch(31.9% 0.049 105.6)

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

#4D4408

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#4D4408

RGB

rgb(77, 68, 8)

HSL

hsl(52, 81%, 17%)

HSB

hsb(52, 90%, 30%)

CMYK

cmyk(0%, 12%, 90%, 70%)

Oklch

oklch(38.4% 0.075 100.0)

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

#809147

Grass Green · DimGray · Olive Green

HEX

#809147

RGB

rgb(128, 145, 71)

HSL

hsl(74, 34%, 42%)

HSB

hsb(74, 51%, 57%)

CMYK

cmyk(12%, 0%, 51%, 43%)

Oklch

oklch(62.6% 0.101 120.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#94A137

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#94A137

RGB

rgb(148, 161, 55)

HSL

hsl(67, 49%, 42%)

HSB

hsb(67, 66%, 63%)

CMYK

cmyk(8%, 0%, 66%, 37%)

Oklch

oklch(67.8% 0.130 115.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

361206

062B37

Analogous

370612

361206

372B06

Triadic

361206

063712

120637

Split-Comp.

361206

06372B

061237

Tetradic

361206

123706

062B37

2B0637

Contrast Matrix WCAG 2.1 Contrast

361206	363414	4D4408	809147	94A137
—	1.3 Fail	1.7 Fail	4.9 AA	5.9 AA
1.3 Fail	—	1.3 Fail	3.7 AA Large	4.5 AA Large
1.7 Fail	1.3 Fail	—	2.8 Fail	3.5 AA Large
4.9 AA	3.7 AA Large	2.8 Fail	—	1.2 Fail
5.9 AA	4.5 AA Large	3.5 AA Large	1.2 Fail	—

White BG

16.9AAA

12.7AAA

9.8AAA

3.5AA Large

2.8Fail

Black BG

1.2Fail

1.7Fail

2.1Fail

6.1AA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262609

35351C

494917

878859

9A9A51

Deuteranopia

292B0A

35351E

4A4A1A

86855D

999857

Tritanopia

340B0C

362223

4D2225

81676A

956569

Achromatopsia

1B1B1B

313131

404040

838383

919191

Shades & Tints Shades & Tints

#361206

Dark

Light

#363414

Dark

Light

#4D4408

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #361206;
  --color-2: #363414;
  --color-3: #4d4408;
  --color-4: #809147;
  --color-5: #94a137;
}

SCSS

$color-1: #361206;
$color-2: #363414;
$color-3: #4d4408;
$color-4: #809147;
$color-5: #94a137;

TAILWIND

colors: {
  'brand-1': '#361206',
  'brand-2': '#363414',
  'brand-3': '#4d4408',
  'brand-4': '#809147',
  'brand-5': '#94a137',
}

RGB Array

[54, 18, 6], [54, 52, 20], [77, 68, 8], [128, 145, 71], [148, 161, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #361206, #363414, #4D4408, #809147, #94A137 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: #361206; --color-2: #363414; --color-3: #4d4408; --color-4: #809147; --color-5: #94a137. 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 earth-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