← Back to Editor

#EFCA75 · #ECD8B2 · #AEC762 · #797847 · #98CAA7

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

#EFCA75

Ginger · BurlyWood · Sunflower

HEX
#EFCA75
RGB
rgb(239, 202, 117)
HSL
hsl(42, 79%, 70%)
HSB
hsb(42, 51%, 94%)
CMYK
cmyk(0%, 15%, 51%, 6%)
Oklch
oklch(85.3% 0.112 86.5)

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

#ECD8B2

Goose Yellow · Wheat · Peach Orange

HEX
#ECD8B2
RGB
rgb(236, 216, 178)
HSL
hsl(39, 60%, 81%)
HSB
hsb(39, 25%, 93%)
CMYK
cmyk(0%, 8%, 25%, 7%)
Oklch
oklch(88.9% 0.055 83.4)

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

#AEC762

Grass Green · DarkSeaGreen · Olive Green

HEX
#AEC762
RGB
rgb(174, 199, 98)
HSL
hsl(75, 47%, 58%)
HSB
hsb(75, 51%, 78%)
CMYK
cmyk(13%, 0%, 51%, 22%)
Oklch
oklch(78.9% 0.131 121.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#797847

Autumn Sage · DimGray · Honey Gold

HEX
#797847
RGB
rgb(121, 120, 71)
HSL
hsl(59, 26%, 38%)
HSB
hsb(59, 41%, 47%)
CMYK
cmyk(0%, 1%, 41%, 53%)
Oklch
oklch(56.2% 0.069 107.4)

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

#98CAA7

Celadon · DarkSeaGreen · Apple Green

HEX
#98CAA7
RGB
rgb(152, 202, 167)
HSL
hsl(138, 32%, 69%)
HSB
hsb(138, 25%, 79%)
CMYK
cmyk(25%, 0%, 17%, 21%)
Oklch
oklch(79.4% 0.072 154.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFCA75
769AEF

Analogous

EF8E76
EFCA75
D7EF76

Triadic

EFCA75
76EFCB
CB76EF

Split-Comp.

EFCA75
76D7EF
8E76EF

Tetradic

EFCA75
76EF8E
769AEF
EF76D7

Contrast Matrix WCAG 2.1 Contrast

EFCA75
ECD8B2
AEC762
797847
98CAA7
—
1.1
Fail
1.2
Fail
2.9
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
3.3
AA Large
1.3
Fail
1.2
Fail
1.3
Fail
—
2.4
Fail
1.0
Fail
2.9
Fail
3.3
AA Large
2.4
Fail
—
2.5
Fail
1.2
Fail
1.3
Fail
1.0
Fail
2.5
Fail
—
White BG
1.6Fail
1.4Fail
1.9Fail
4.6AA
1.9Fail
Black BG
13.4AAA
15.0AAA
11.1AAA
4.6AA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDF8A
E3E3BB
B9B97A
797953
AEAEAF

Deuteranopia

E1E48F
E5E6BD
B7B680
797956
ABA7B2

Tritanopia

ED9A9D
EBC2C4
AF8E92
795C5E
9BB6B8

Achromatopsia

CBCBCB
DADADA
B4B4B4
737373
B7B7B7

Shades & Tints Shades & Tints

#EFCA75

Dark
Light

#ECD8B2

Dark
Light

#AEC762

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efca75;
  --color-2: #ecd8b2;
  --color-3: #aec762;
  --color-4: #797847;
  --color-5: #98caa7;
}

SCSS

$color-1: #efca75;
$color-2: #ecd8b2;
$color-3: #aec762;
$color-4: #797847;
$color-5: #98caa7;

TAILWIND

colors: {
  'brand-1': '#efca75',
  'brand-2': '#ecd8b2',
  'brand-3': '#aec762',
  'brand-4': '#797847',
  'brand-5': '#98caa7',
}

RGB Array

[239, 202, 117], [236, 216, 178], [174, 199, 98], [121, 120, 71], [152, 202, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFCA75, #ECD8B2, #AEC762, #797847, #98CAA7 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: #efca75; --color-2: #ecd8b2; --color-3: #aec762; --color-4: #797847; --color-5: #98caa7. 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