← Back to Editor

#FA5E47 · #A79F4A · #60363A · #E5E0C1 · #8B8F89

A 5-color palette 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

#FA5E47

Peach Pink · Tomato · Coral Red

HEX
#FA5E47
RGB
rgb(250, 94, 71)
HSL
hsl(8, 95%, 63%)
HSB
hsb(8, 72%, 98%)
CMYK
cmyk(0%, 62%, 72%, 2%)
Oklch
oklch(68.3% 0.195 31.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A79F4A

Autumn Sage · GoldenRod · Honey Gold

HEX
#A79F4A
RGB
rgb(167, 159, 74)
HSL
hsl(55, 39%, 47%)
HSB
hsb(55, 56%, 65%)
CMYK
cmyk(0%, 5%, 56%, 35%)
Oklch
oklch(69.2% 0.107 103.9)

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

#60363A

Crimson · DarkOliveGreen · Wine Red

HEX
#60363A
RGB
rgb(96, 54, 58)
HSL
hsl(354, 28%, 29%)
HSB
hsb(354, 44%, 38%)
CMYK
cmyk(0%, 44%, 40%, 62%)
Oklch
oklch(38.6% 0.060 14.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#E5E0C1

Fresh Green · Wheat · Lemon Cream

HEX
#E5E0C1
RGB
rgb(229, 224, 193)
HSL
hsl(52, 41%, 83%)
HSB
hsb(52, 16%, 90%)
CMYK
cmyk(0%, 2%, 16%, 10%)
Oklch
oklch(90.3% 0.041 99.6)

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

#8B8F89

Ash · Gray · Warm Gray

HEX
#8B8F89
RGB
rgb(139, 143, 137)
HSL
hsl(100, 3%, 55%)
HSB
hsb(100, 4%, 56%)
CMYK
cmyk(3%, 0%, 4%, 44%)
Oklch
oklch(64.5% 0.010 134.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA5E47
47E2FA

Analogous

FA4789
FA5E47
FAB947

Triadic

FA5E47
47FA5F
5F47FA

Split-Comp.

FA5E47
47FAB9
4789FA

Tetradic

FA5E47
89FA47
47E2FA
B947FA

Contrast Matrix WCAG 2.1 Contrast

FA5E47
A79F4A
60363A
E5E0C1
8B8F89
—
1.1
Fail
3.2
AA Large
2.3
Fail
1.1
Fail
1.1
Fail
—
3.7
AA Large
2.0
Fail
1.2
Fail
3.2
AA Large
3.7
AA Large
—
7.6
AAA
3.1
AA Large
2.3
Fail
2.0
Fail
7.6
AAA
—
2.5
Fail
1.1
Fail
1.2
Fail
3.1
AA Large
2.5
Fail
—
White BG
3.1AA Large
2.7Fail
10.1AAA
1.3Fail
3.3AA Large
Black BG
6.8AA
7.7AAA
2.1Fail
15.8AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B54D
A4A35F
4E4D39
E3E3C9
8D8D8A

Deuteranopia

C0CB4E
A4A564
505339
E3E4CA
8D8C8B

Tritanopia

F25152
A76F72
5E3838
E5CED0
8B8C8C

Achromatopsia

8A8A8A
989898
434343
DEDEDE
8D8D8D

Shades & Tints Shades & Tints

#FA5E47

Dark
Light

#A79F4A

Dark
Light

#60363A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa5e47;
  --color-2: #a79f4a;
  --color-3: #60363a;
  --color-4: #e5e0c1;
  --color-5: #8b8f89;
}

SCSS

$color-1: #fa5e47;
$color-2: #a79f4a;
$color-3: #60363a;
$color-4: #e5e0c1;
$color-5: #8b8f89;

TAILWIND

colors: {
  'brand-1': '#fa5e47',
  'brand-2': '#a79f4a',
  'brand-3': '#60363a',
  'brand-4': '#e5e0c1',
  'brand-5': '#8b8f89',
}

RGB Array

[250, 94, 71], [167, 159, 74], [96, 54, 58], [229, 224, 193], [139, 143, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA5E47, #A79F4A, #60363A, #E5E0C1, #8B8F89 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: #fa5e47; --color-2: #a79f4a; --color-3: #60363a; --color-4: #e5e0c1; --color-5: #8b8f89. 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 general-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