← Back to Editor

#8D361A · #BE6F2D · #E3BE4B · #9CAA3B · #43621E

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8D361A

Tangerine · Brown · Amber Brown

HEX
#8D361A
RGB
rgb(141, 54, 26)
HSL
hsl(15, 69%, 33%)
HSB
hsb(15, 82%, 55%)
CMYK
cmyk(0%, 62%, 82%, 45%)
Oklch
oklch(45.1% 0.125 37.7)

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

#BE6F2D

Tangerine · Chocolate · Amber Brown

HEX
#BE6F2D
RGB
rgb(190, 111, 45)
HSL
hsl(27, 62%, 46%)
HSB
hsb(27, 76%, 75%)
CMYK
cmyk(0%, 42%, 76%, 25%)
Oklch
oklch(61.8% 0.127 56.7)

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

#E3BE4B

Ginger · SandyBrown · Sunflower

HEX
#E3BE4B
RGB
rgb(227, 190, 75)
HSL
hsl(45, 73%, 59%)
HSB
hsb(45, 67%, 89%)
CMYK
cmyk(0%, 16%, 67%, 11%)
Oklch
oklch(81.3% 0.137 91.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#9CAA3B

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9CAA3B
RGB
rgb(156, 170, 59)
HSL
hsl(68, 48%, 45%)
HSB
hsb(68, 65%, 67%)
CMYK
cmyk(8%, 0%, 65%, 33%)
Oklch
oklch(70.5% 0.135 116.1)

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

#43621E

Grass Green · DarkOliveGreen · Forest Green

HEX
#43621E
RGB
rgb(67, 98, 30)
HSL
hsl(87, 53%, 25%)
HSB
hsb(87, 69%, 38%)
CMYK
cmyk(32%, 0%, 69%, 62%)
Oklch
oklch(45.7% 0.102 130.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D361A
1A718E

Analogous

8E1A37
8D361A
8E711A

Triadic

8D361A
1A8E37
371A8E

Split-Comp.

8D361A
1A8E71
1A378E

Tetradic

8D361A
378E1A
1A718E
711A8E

Contrast Matrix WCAG 2.1 Contrast

8D361A
BE6F2D
E3BE4B
9CAA3B
43621E
—
2.1
Fail
4.4
AA Large
3.1
AA Large
1.1
Fail
2.1
Fail
—
2.1
Fail
1.5
Fail
1.8
Fail
4.4
AA Large
2.1
Fail
—
1.4
Fail
3.9
AA Large
3.1
AA Large
1.5
Fail
1.4
Fail
—
2.7
Fail
1.1
Fail
1.8
Fail
3.9
AA Large
2.7
Fail
—
White BG
7.9AAA
3.8AA Large
1.8Fail
2.6Fail
7.0AA
Black BG
2.7Fail
5.5AA
11.7AAA
8.2AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

676721
9C9B3D
D3D367
A2A256
50512E

Deuteranopia

6C7322
A0A641
D5D86E
A1A05C
4F4C32

Tritanopia

892627
BA4A4C
E17D82
9D6B70
453B3E

Achromatopsia

4D4D4D
7F7F7F
BCBCBC
999999
515151

Shades & Tints Shades & Tints

#8D361A

Dark
Light

#BE6F2D

Dark
Light

#E3BE4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d361a;
  --color-2: #be6f2d;
  --color-3: #e3be4b;
  --color-4: #9caa3b;
  --color-5: #43621e;
}

SCSS

$color-1: #8d361a;
$color-2: #be6f2d;
$color-3: #e3be4b;
$color-4: #9caa3b;
$color-5: #43621e;

TAILWIND

colors: {
  'brand-1': '#8d361a',
  'brand-2': '#be6f2d',
  'brand-3': '#e3be4b',
  'brand-4': '#9caa3b',
  'brand-5': '#43621e',
}

RGB Array

[141, 54, 26], [190, 111, 45], [227, 190, 75], [156, 170, 59], [67, 98, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8D361A, #BE6F2D, #E3BE4B, #9CAA3B, #43621E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8d361a; --color-2: #be6f2d; --color-3: #e3be4b; --color-4: #9caa3b; --color-5: #43621e. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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