← Back to Editor

#EEC576 · #CDA464 · #949363 · #58765C · #11292B

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

#EEC576

Ginger · BurlyWood · Sunflower

HEX
#EEC576
RGB
rgb(238, 197, 118)
HSL
hsl(40, 78%, 70%)
HSB
hsb(40, 50%, 93%)
CMYK
cmyk(0%, 17%, 50%, 7%)
Oklch
oklch(84.3% 0.108 82.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CDA464

Ginger · DarkSalmon · Warm Sun

HEX
#CDA464
RGB
rgb(205, 164, 100)
HSL
hsl(37, 51%, 60%)
HSB
hsb(37, 51%, 80%)
CMYK
cmyk(0%, 20%, 51%, 20%)
Oklch
oklch(74.2% 0.095 77.6)

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

#949363

Autumn Sage · Gray · Honey Gold

HEX
#949363
RGB
rgb(148, 147, 99)
HSL
hsl(59, 20%, 48%)
HSB
hsb(59, 33%, 58%)
CMYK
cmyk(0%, 1%, 33%, 42%)
Oklch
oklch(65.2% 0.066 107.1)

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

#58765C

Celadon · DimGray · Forest Green

HEX
#58765C
RGB
rgb(88, 118, 92)
HSL
hsl(128, 15%, 40%)
HSB
hsb(128, 25%, 46%)
CMYK
cmyk(25%, 0%, 22%, 54%)
Oklch
oklch(53.5% 0.053 148.4)

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

#11292B

Slate Blue · DarkSlateGray · Peacock Green

HEX
#11292B
RGB
rgb(17, 41, 43)
HSL
hsl(185, 43%, 12%)
HSB
hsb(185, 60%, 17%)
CMYK
cmyk(60%, 5%, 0%, 83%)
Oklch
oklch(26.3% 0.030 202.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEC576
779FEE

Analogous

EE8B77
EEC576
DAEE77

Triadic

EEC576
77EEC6
C677EE

Split-Comp.

EEC576
77DAEE
8B77EE

Tetradic

EEC576
77EE8B
779FEE
EE77DA

Contrast Matrix WCAG 2.1 Contrast

EEC576
CDA464
949363
58765C
11292B
—
1.4
Fail
1.9
Fail
3.1
AA Large
9.4
AAA
1.4
Fail
—
1.4
Fail
2.2
Fail
6.6
AA
1.9
Fail
1.4
Fail
—
1.6
Fail
4.8
AA
3.1
AA Large
2.2
Fail
1.6
Fail
—
3.0
AA Large
9.4
AAA
6.6
AA
4.8
AA
3.0
AA Large
—
White BG
1.6Fail
2.3Fail
3.2AA Large
5.0AA
15.3AAA
Black BG
12.9AAA
9.1AAA
6.6AA
4.2AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC89
BBBB73
94946F
656562
1B1C2B

Deuteranopia

DFE28E
BEC177
949471
636164
1A182A

Tritanopia

EC989C
CB8082
94787A
5A6768
122A2A

Achromatopsia

C8C8C8
A9A9A9
8E8E8E
6A6A6A
222222

Shades & Tints Shades & Tints

#EEC576

Dark
Light

#CDA464

Dark
Light

#949363

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eec576;
  --color-2: #cda464;
  --color-3: #949363;
  --color-4: #58765c;
  --color-5: #11292b;
}

SCSS

$color-1: #eec576;
$color-2: #cda464;
$color-3: #949363;
$color-4: #58765c;
$color-5: #11292b;

TAILWIND

colors: {
  'brand-1': '#eec576',
  'brand-2': '#cda464',
  'brand-3': '#949363',
  'brand-4': '#58765c',
  'brand-5': '#11292b',
}

RGB Array

[238, 197, 118], [205, 164, 100], [148, 147, 99], [88, 118, 92], [17, 41, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEC576, #CDA464, #949363, #58765C, #11292B 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: #eec576; --color-2: #cda464; --color-3: #949363; --color-4: #58765c; --color-5: #11292b. 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