#E6094A + #9E7C2E + #7C6B2E + #38492E + #16382E · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E6094A

Dark Violet · Crimson · Camellia

HEX

#E6094A

RGB

rgb(230, 9, 74)

HSL

hsl(342, 92%, 47%)

HSB

hsb(342, 96%, 90%)

CMYK

cmyk(0%, 96%, 68%, 10%)

Oklch

oklch(58.9% 0.233 16.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#9E7C2E

Ochre · Sienna · Honey Gold

HEX

#9E7C2E

RGB

rgb(158, 124, 46)

HSL

hsl(42, 55%, 40%)

HSB

hsb(42, 71%, 62%)

CMYK

cmyk(0%, 22%, 71%, 38%)

Oklch

oklch(60.4% 0.103 84.8)

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

#7C6B2E

Ochre · DarkOliveGreen · Honey Gold

HEX

#7C6B2E

RGB

rgb(124, 107, 46)

HSL

hsl(47, 46%, 33%)

HSB

hsb(47, 63%, 49%)

CMYK

cmyk(0%, 14%, 63%, 51%)

Oklch

oklch(53.1% 0.083 93.8)

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

#38492E

Celadon · DarkSlateGray · Forest Green

HEX

#38492E

RGB

rgb(56, 73, 46)

HSL

hsl(98, 23%, 23%)

HSB

hsb(98, 37%, 29%)

CMYK

cmyk(23%, 0%, 37%, 71%)

Oklch

oklch(38.3% 0.049 134.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#16382E

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#16382E

RGB

rgb(22, 56, 46)

HSL

hsl(162, 44%, 15%)

HSB

hsb(162, 61%, 22%)

CMYK

cmyk(61%, 0%, 18%, 78%)

Oklch

oklch(31.2% 0.044 171.6)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6094A

0AE6A4

Analogous

E60ABA

E6094A

E6360A

Triadic

E6094A

4CE60A

0A4CE6

Split-Comp.

E6094A

0AE636

0ABAE6

Tetradic

E6094A

BAE60A

0AE6A4

360AE6

Contrast Matrix WCAG 2.1 Contrast

E6094A	9E7C2E	7C6B2E	38492E	16382E
—	1.2 Fail	1.1 Fail	2.1 Fail	2.7 Fail
1.2 Fail	—	1.3 Fail	2.5 Fail	3.3 AA Large
1.1 Fail	1.3 Fail	—	1.9 Fail	2.4 Fail
2.1 Fail	2.5 Fail	1.9 Fail	—	1.3 Fail
2.7 Fail	3.3 AA Large	2.4 Fail	1.3 Fail	—

White BG

4.7AA

3.9AA Large

5.3AA

9.7AAA

12.8AAA

Black BG

4.5AA

5.4AA

4.0AA Large

2.2Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86843A

8F8F41

75743D

3F4035

252530

Deuteranopia

93A437

919445

767740

3E3D36

232031

Tritanopia

DB2E2B

9C5053

7B484B

393A3B

183233

Achromatopsia

525252

7D7D7D

696969

414141

2D2D2D

Shades & Tints Shades & Tints

#E6094A

Dark

Light

#9E7C2E

Dark

Light

#7C6B2E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6094a;
  --color-2: #9e7c2e;
  --color-3: #7c6b2e;
  --color-4: #38492e;
  --color-5: #16382e;
}

SCSS

$color-1: #e6094a;
$color-2: #9e7c2e;
$color-3: #7c6b2e;
$color-4: #38492e;
$color-5: #16382e;

TAILWIND

colors: {
  'brand-1': '#e6094a',
  'brand-2': '#9e7c2e',
  'brand-3': '#7c6b2e',
  'brand-4': '#38492e',
  'brand-5': '#16382e',
}

RGB Array

[230, 9, 74], [158, 124, 46], [124, 107, 46], [56, 73, 46], [22, 56, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E6094A, #9E7C2E, #7C6B2E, #38492E, #16382E 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: #e6094a; --color-2: #9e7c2e; --color-3: #7c6b2e; --color-4: #38492e; --color-5: #16382e. 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 warm-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