← Back to Editor

#5E4950 · #7D4B42 · #D58747 · #F7E68A · #A4B77F

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

#5E4950

Dark Violet · DimGray · Camellia

HEX
#5E4950
RGB
rgb(94, 73, 80)
HSL
hsl(340, 13%, 33%)
HSB
hsb(340, 22%, 37%)
CMYK
cmyk(0%, 22%, 15%, 63%)
Oklch
oklch(43.0% 0.030 356.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#7D4B42

Crimson · Sienna · Wine Red

HEX
#7D4B42
RGB
rgb(125, 75, 66)
HSL
hsl(9, 31%, 37%)
HSB
hsb(9, 47%, 49%)
CMYK
cmyk(0%, 40%, 47%, 51%)
Oklch
oklch(46.8% 0.070 30.9)

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

#D58747

Tangerine · Coral · Warm Sun

HEX
#D58747
RGB
rgb(213, 135, 71)
HSL
hsl(27, 63%, 56%)
HSB
hsb(27, 67%, 84%)
CMYK
cmyk(0%, 37%, 67%, 16%)
Oklch
oklch(69.2% 0.124 57.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F7E68A

Fresh Green · Khaki · Sunflower

HEX
#F7E68A
RGB
rgb(247, 230, 138)
HSL
hsl(51, 87%, 75%)
HSB
hsb(51, 44%, 97%)
CMYK
cmyk(0%, 7%, 44%, 3%)
Oklch
oklch(91.9% 0.114 99.1)

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

#A4B77F

Willow Green · DarkSeaGreen · Apple Green

HEX
#A4B77F
RGB
rgb(164, 183, 127)
HSL
hsl(80, 28%, 61%)
HSB
hsb(80, 31%, 72%)
CMYK
cmyk(10%, 0%, 31%, 28%)
Oklch
oklch(75.1% 0.079 123.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E4950
495F58

Analogous

5F495B
5E4950
5F4D49

Triadic

5E4950
515F49
49515F

Split-Comp.

5E4950
495F4D
495B5F

Tetradic

5E4950
5B5F49
495F58
4D495F

Contrast Matrix WCAG 2.1 Contrast

5E4950
7D4B42
D58747
F7E68A
A4B77F
—
1.2
Fail
2.9
Fail
6.5
AA
3.8
AA Large
1.2
Fail
—
2.5
Fail
5.6
AA
3.3
AA Large
2.9
Fail
2.5
Fail
—
2.3
Fail
1.3
Fail
6.5
AA
5.6
AA
2.3
Fail
—
1.7
Fail
3.8
AA Large
3.3
AA Large
1.3
Fail
1.7
Fail
—
White BG
8.3AAA
7.1AAA
2.8Fail
1.3Fail
2.2Fail
Black BG
2.5Fail
3.0Fail
7.4AAA
16.6AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55554E
676744
B3B356
F0EFA0
ACAC8D

Deuteranopia

56584E
6A6E45
B8BE5A
F1F2A6
ABAA90

Tritanopia

5D4D4D
7B4646
D16365
F6B2B6
A5979A

Achromatopsia

505050
595959
979797
E1E1E1
ABABAB

Shades & Tints Shades & Tints

#5E4950

Dark
Light

#7D4B42

Dark
Light

#D58747

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e4950;
  --color-2: #7d4b42;
  --color-3: #d58747;
  --color-4: #f7e68a;
  --color-5: #a4b77f;
}

SCSS

$color-1: #5e4950;
$color-2: #7d4b42;
$color-3: #d58747;
$color-4: #f7e68a;
$color-5: #a4b77f;

TAILWIND

colors: {
  'brand-1': '#5e4950',
  'brand-2': '#7d4b42',
  'brand-3': '#d58747',
  'brand-4': '#f7e68a',
  'brand-5': '#a4b77f',
}

RGB Array

[94, 73, 80], [125, 75, 66], [213, 135, 71], [247, 230, 138], [164, 183, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E4950, #7D4B42, #D58747, #F7E68A, #A4B77F 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: #5e4950; --color-2: #7d4b42; --color-3: #d58747; --color-4: #f7e68a; --color-5: #a4b77f. 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