← Back to Editor

#9E9C6F · #525032 · #E67955 · #523B33 · #38221B

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9E9C6F

Autumn Sage · Gray · Sunflower

HEX
#9E9C6F
RGB
rgb(158, 156, 111)
HSL
hsl(57, 20%, 53%)
HSB
hsb(57, 30%, 62%)
CMYK
cmyk(0%, 1%, 30%, 38%)
Oklch
oklch(68.3% 0.062 105.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#525032

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#525032
RGB
rgb(82, 80, 50)
HSL
hsl(56, 24%, 26%)
HSB
hsb(56, 39%, 32%)
CMYK
cmyk(0%, 2%, 39%, 68%)
Oklch
oklch(42.5% 0.046 104.9)

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

#E67955

Apricot · Coral · Warm Sun

HEX
#E67955
RGB
rgb(230, 121, 85)
HSL
hsl(15, 74%, 62%)
HSB
hsb(15, 63%, 90%)
CMYK
cmyk(0%, 47%, 63%, 10%)
Oklch
oklch(69.3% 0.144 38.9)

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

#523B33

Tangerine · DarkOliveGreen · Amber Brown

HEX
#523B33
RGB
rgb(82, 59, 51)
HSL
hsl(15, 23%, 26%)
HSB
hsb(15, 38%, 32%)
CMYK
cmyk(0%, 28%, 38%, 68%)
Oklch
oklch(37.6% 0.035 40.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#38221B

Crimson · DarkSlateGray · Deep Berry

HEX
#38221B
RGB
rgb(56, 34, 27)
HSL
hsl(14, 35%, 16%)
HSB
hsb(14, 52%, 22%)
CMYK
cmyk(0%, 39%, 52%, 78%)
Oklch
oklch(27.8% 0.036 38.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E9C6F
6F729F

Analogous

9F856F
9E9C6F
8A9F6F

Triadic

9E9C6F
6F9F9D
9D6F9F

Split-Comp.

9E9C6F
6F8A9F
856F9F

Tetradic

9E9C6F
6F9F85
6F729F
9F6F8A

Contrast Matrix WCAG 2.1 Contrast

9E9C6F
525032
E67955
523B33
38221B
—
2.9
Fail
1.0
Fail
3.7
AA Large
5.3
AA
2.9
Fail
—
2.8
Fail
1.3
Fail
1.8
Fail
1.0
Fail
2.8
Fail
—
3.6
AA Large
5.1
AA
3.7
AA Large
1.3
Fail
3.6
AA Large
—
1.4
Fail
5.3
AA
1.8
Fail
5.1
AA
1.4
Fail
—
White BG
2.8Fail
8.2AAA
2.9Fail
10.3AAA
14.9AAA
Black BG
7.4AAA
2.6Fail
7.2AAA
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D7A
515139
B7B65E
484835
2E2E1D

Deuteranopia

9D9D7C
51513B
BDC560
494B35
30311D

Tritanopia

9E8284
523F40
E16566
513637
371E1E

Achromatopsia

979797
4D4D4D
959595
414141
282828

Shades & Tints Shades & Tints

#9E9C6F

Dark
Light

#525032

Dark
Light

#E67955

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e9c6f;
  --color-2: #525032;
  --color-3: #e67955;
  --color-4: #523b33;
  --color-5: #38221b;
}

SCSS

$color-1: #9e9c6f;
$color-2: #525032;
$color-3: #e67955;
$color-4: #523b33;
$color-5: #38221b;

TAILWIND

colors: {
  'brand-1': '#9e9c6f',
  'brand-2': '#525032',
  'brand-3': '#e67955',
  'brand-4': '#523b33',
  'brand-5': '#38221b',
}

RGB Array

[158, 156, 111], [82, 80, 50], [230, 121, 85], [82, 59, 51], [56, 34, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #9E9C6F, #525032, #E67955, #523B33, #38221B is ideal for: tech websites, dark mode UIs, game UIs, 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: #9e9c6f; --color-2: #525032; --color-3: #e67955; --color-4: #523b33; --color-5: #38221b. 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. 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 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