← Back to Editor

#E8D499 · #CFCD92 · #A2B894 · #738E89 · #5A5164

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 Library

Color Details Color Details

#E8D499

Goose Yellow · Khaki · Sunflower

HEX
#E8D499
RGB
rgb(232, 212, 153)
HSL
hsl(45, 63%, 75%)
HSB
hsb(45, 34%, 91%)
CMYK
cmyk(0%, 9%, 34%, 9%)
Oklch
oklch(87.3% 0.079 91.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CFCD92

Fresh Green · Tan · Sunflower

HEX
#CFCD92
RGB
rgb(207, 205, 146)
HSL
hsl(58, 39%, 69%)
HSB
hsb(58, 29%, 81%)
CMYK
cmyk(0%, 1%, 29%, 19%)
Oklch
oklch(83.6% 0.077 106.3)

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

#A2B894

Celadon · DarkSeaGreen · Apple Green

HEX
#A2B894
RGB
rgb(162, 184, 148)
HSL
hsl(97, 20%, 65%)
HSB
hsb(97, 20%, 72%)
CMYK
cmyk(12%, 0%, 20%, 28%)
Oklch
oklch(75.6% 0.056 133.3)

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

#738E89

Mineral Blue · SlateGray · Mint Ice

HEX
#738E89
RGB
rgb(115, 142, 137)
HSL
hsl(169, 11%, 50%)
HSB
hsb(169, 19%, 56%)
CMYK
cmyk(19%, 0%, 4%, 44%)
Oklch
oklch(62.4% 0.032 182.8)

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

#5A5164

Deep Indigo · DimGray · Eggplant

HEX
#5A5164
RGB
rgb(90, 81, 100)
HSL
hsl(268, 10%, 35%)
HSB
hsb(268, 19%, 39%)
CMYK
cmyk(10%, 19%, 0%, 61%)
Oklch
oklch(45.1% 0.032 306.5)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8D499
97ABE7

Analogous

E7AB97
E8D499
D3E797

Triadic

E8D499
97E7D3
D397E7

Split-Comp.

E8D499
97D3E7
AB97E7

Tetradic

E8D499
97E7AB
97ABE7
E797D3

Contrast Matrix WCAG 2.1 Contrast

E8D499
CFCD92
A2B894
738E89
5A5164
—
1.1
Fail
1.5
Fail
2.4
Fail
5.1
AA
1.1
Fail
—
1.3
Fail
2.1
Fail
4.6
AA
1.5
Fail
1.3
Fail
—
1.6
Fail
3.5
AA Large
2.4
Fail
2.1
Fail
1.6
Fail
—
2.1
Fail
5.1
AA
4.6
AA
3.5
AA Large
2.1
Fail
—
White BG
1.5Fail
1.6Fail
2.1Fail
3.5AA Large
7.5AAA
Black BG
14.3AAA
12.8AAA
9.8AAA
6.0AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFA7
CECEA0
ACAC9D
7F7F8A
56565F

Deuteranopia

E1E2AB
CECEA4
AAA99F
7D7B8B
57575E

Tritanopia

E7B3B5
CFACAE
A3A4A5
748B8B
5A5C5B

Achromatopsia

D3D3D3
C7C7C7
ADADAD
858585
565656

Shades & Tints Shades & Tints

#E8D499

Dark
Light

#CFCD92

Dark
Light

#A2B894

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8d499;
  --color-2: #cfcd92;
  --color-3: #a2b894;
  --color-4: #738e89;
  --color-5: #5a5164;
}

SCSS

$color-1: #e8d499;
$color-2: #cfcd92;
$color-3: #a2b894;
$color-4: #738e89;
$color-5: #5a5164;

TAILWIND

colors: {
  'brand-1': '#e8d499',
  'brand-2': '#cfcd92',
  'brand-3': '#a2b894',
  'brand-4': '#738e89',
  'brand-5': '#5a5164',
}

RGB Array

[232, 212, 153], [207, 205, 146], [162, 184, 148], [115, 142, 137], [90, 81, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8D499, #CFCD92, #A2B894, #738E89, #5A5164 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e8d499; --color-2: #cfcd92; --color-3: #a2b894; --color-4: #738e89; --color-5: #5a5164. 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. 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. Restrained colors convey professionalism and trust. 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