← Back to Editor

#FED5A4 · #5E9C81 · #59786E · #734E4B · #71362F

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

#FED5A4

Goose Yellow · Wheat · Peach Orange

HEX
#FED5A4
RGB
rgb(254, 213, 164)
HSL
hsl(33, 98%, 82%)
HSB
hsb(33, 35%, 100%)
CMYK
cmyk(0%, 16%, 35%, 0%)
Oklch
oklch(89.6% 0.078 71.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#5E9C81

Mineral Blue · CadetBlue · Olive Green

HEX
#5E9C81
RGB
rgb(94, 156, 129)
HSL
hsl(154, 25%, 49%)
HSB
hsb(154, 40%, 61%)
CMYK
cmyk(40%, 0%, 17%, 39%)
Oklch
oklch(64.3% 0.077 164.6)

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

#59786E

Mineral Blue · DimGray · Mint Ice

HEX
#59786E
RGB
rgb(89, 120, 110)
HSL
hsl(161, 15%, 41%)
HSB
hsb(161, 26%, 47%)
CMYK
cmyk(26%, 0%, 8%, 53%)
Oklch
oklch(54.6% 0.039 173.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#734E4B

Crimson · DimGray · Wine Red

HEX
#734E4B
RGB
rgb(115, 78, 75)
HSL
hsl(5, 21%, 37%)
HSB
hsb(5, 35%, 45%)
CMYK
cmyk(0%, 32%, 35%, 55%)
Oklch
oklch(46.4% 0.051 24.4)

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

#71362F

Crimson · Brown · Wine Red

HEX
#71362F
RGB
rgb(113, 54, 47)
HSL
hsl(6, 41%, 31%)
HSB
hsb(6, 58%, 44%)
CMYK
cmyk(0%, 52%, 58%, 56%)
Oklch
oklch(40.9% 0.085 28.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED5A4
A4CDFE

Analogous

FEA9A4
FED5A4
FAFEA4

Triadic

FED5A4
A4FED6
D6A4FE

Split-Comp.

FED5A4
A4FAFE
A9A4FE

Tetradic

FED5A4
A4FEA9
A4CDFE
FEA4FA

Contrast Matrix WCAG 2.1 Contrast

FED5A4
5E9C81
59786E
734E4B
71362F
—
2.3
Fail
3.5
AA Large
5.2
AA
6.7
AA
2.3
Fail
—
1.5
Fail
2.2
Fail
2.9
Fail
3.5
AA Large
1.5
Fail
—
1.5
Fail
1.9
Fail
5.2
AA
2.2
Fail
1.5
Fail
—
1.3
Fail
6.7
AA
2.9
Fail
1.9
Fail
1.3
Fail
—
White BG
1.4Fail
3.2AA Large
4.8AA
7.2AAA
9.2AAA
Black BG
15.3AAA
6.5AA
4.3AA Large
2.9Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB0
797988
666770
63634C
575731

Deuteranopia

EFF2B3
757189
656271
65684C
5B5F31

Tritanopia

FCB9BB
618D8E
5B7273
714C4C
6E3232

Achromatopsia

DCDCDC
868686
6E6E6E
595959
474747

Shades & Tints Shades & Tints

#FED5A4

Dark
Light

#5E9C81

Dark
Light

#59786E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed5a4;
  --color-2: #5e9c81;
  --color-3: #59786e;
  --color-4: #734e4b;
  --color-5: #71362f;
}

SCSS

$color-1: #fed5a4;
$color-2: #5e9c81;
$color-3: #59786e;
$color-4: #734e4b;
$color-5: #71362f;

TAILWIND

colors: {
  'brand-1': '#fed5a4',
  'brand-2': '#5e9c81',
  'brand-3': '#59786e',
  'brand-4': '#734e4b',
  'brand-5': '#71362f',
}

RGB Array

[254, 213, 164], [94, 156, 129], [89, 120, 110], [115, 78, 75], [113, 54, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FED5A4, #5E9C81, #59786E, #734E4B, #71362F 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: #fed5a4; --color-2: #5e9c81; --color-3: #59786e; --color-4: #734e4b; --color-5: #71362f. 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