← Back to Editor

#807438 · #A39C4E · #C1BE95 · #8E643E · #274C55

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#807438

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#807438
RGB
rgb(128, 116, 56)
HSL
hsl(50, 39%, 36%)
HSB
hsb(50, 56%, 50%)
CMYK
cmyk(0%, 9%, 56%, 50%)
Oklch
oklch(55.7% 0.082 98.2)

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

#A39C4E

Autumn Sage · Gray · Honey Gold

HEX
#A39C4E
RGB
rgb(163, 156, 78)
HSL
hsl(55, 35%, 47%)
HSB
hsb(55, 52%, 64%)
CMYK
cmyk(0%, 4%, 52%, 36%)
Oklch
oklch(68.2% 0.100 104.1)

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

#C1BE95

Fresh Green · Tan · Sunflower

HEX
#C1BE95
RGB
rgb(193, 190, 149)
HSL
hsl(56, 26%, 67%)
HSB
hsb(56, 23%, 76%)
CMYK
cmyk(0%, 2%, 23%, 24%)
Oklch
oklch(79.3% 0.055 104.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#8E643E

Tangerine · Sienna · Amber Brown

HEX
#8E643E
RGB
rgb(142, 100, 62)
HSL
hsl(29, 39%, 40%)
HSB
hsb(29, 56%, 56%)
CMYK
cmyk(0%, 30%, 56%, 44%)
Oklch
oklch(53.8% 0.076 62.2)

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

#274C55

Slate Blue · DarkSlateGray · Peacock Green

HEX
#274C55
RGB
rgb(39, 76, 85)
HSL
hsl(192, 37%, 24%)
HSB
hsb(192, 54%, 33%)
CMYK
cmyk(54%, 11%, 0%, 67%)
Oklch
oklch(39.3% 0.045 215.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

807438
384480

Analogous

805038
807438
688038

Triadic

807438
388074
743880

Split-Comp.

807438
386880
503880

Tetradic

807438
388050
384480
803868

Contrast Matrix WCAG 2.1 Contrast

807438
A39C4E
C1BE95
8E643E
274C55
—
1.7
Fail
2.5
Fail
1.1
Fail
2.0
Fail
1.7
Fail
—
1.5
Fail
1.8
Fail
3.3
AA Large
2.5
Fail
1.5
Fail
—
2.7
Fail
4.9
AA
1.1
Fail
1.8
Fail
2.7
Fail
—
1.8
Fail
2.0
Fail
3.3
AA Large
4.9
AA
1.8
Fail
—
White BG
4.7AA
2.8Fail
1.9Fail
5.2AA
9.3AAA
Black BG
4.5AA Large
7.4AAA
11.1AAA
4.0AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B47
A0A061
C0C09F
7C7B47
373753

Deuteranopia

7C7C4A
A0A165
C0C0A1
7E8149
353252

Tritanopia

7F5255
A37073
C1A7A8
8C4E50
295151

Achromatopsia

717171
959595
BABABA
6C6C6C
424242

Shades & Tints Shades & Tints

#807438

Dark
Light

#A39C4E

Dark
Light

#C1BE95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #807438;
  --color-2: #a39c4e;
  --color-3: #c1be95;
  --color-4: #8e643e;
  --color-5: #274c55;
}

SCSS

$color-1: #807438;
$color-2: #a39c4e;
$color-3: #c1be95;
$color-4: #8e643e;
$color-5: #274c55;

TAILWIND

colors: {
  'brand-1': '#807438',
  'brand-2': '#a39c4e',
  'brand-3': '#c1be95',
  'brand-4': '#8e643e',
  'brand-5': '#274c55',
}

RGB Array

[128, 116, 56], [163, 156, 78], [193, 190, 149], [142, 100, 62], [39, 76, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #807438, #A39C4E, #C1BE95, #8E643E, #274C55 is ideal for: 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: #807438; --color-2: #a39c4e; --color-3: #c1be95; --color-4: #8e643e; --color-5: #274c55. 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. 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