← Back to Editor

#EAE2B4 · #E4D505 · #EAB60B · #F29D01 · #FC821D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EAE2B4

Fresh Green · Wheat · Lemon Cream

HEX
#EAE2B4
RGB
rgb(234, 226, 180)
HSL
hsl(51, 56%, 81%)
HSB
hsb(51, 23%, 92%)
CMYK
cmyk(0%, 3%, 23%, 8%)
Oklch
oklch(90.8% 0.061 99.3)

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

#E4D505

Autumn Sage · Gold · Honey Gold

HEX
#E4D505
RGB
rgb(228, 213, 5)
HSL
hsl(56, 96%, 46%)
HSB
hsb(56, 98%, 89%)
CMYK
cmyk(0%, 7%, 98%, 11%)
Oklch
oklch(85.8% 0.181 104.4)

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

#EAB60B

Ochre · Orange · Honey Gold

HEX
#EAB60B
RGB
rgb(234, 182, 11)
HSL
hsl(46, 91%, 48%)
HSB
hsb(46, 95%, 92%)
CMYK
cmyk(0%, 22%, 95%, 8%)
Oklch
oklch(80.1% 0.162 87.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F29D01

Ochre · Orange · Amber Brown

HEX
#F29D01
RGB
rgb(242, 157, 1)
HSL
hsl(39, 99%, 48%)
HSB
hsb(39, 100%, 95%)
CMYK
cmyk(0%, 35%, 100%, 5%)
Oklch
oklch(76.3% 0.164 71.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FC821D

Tangerine · Orange · Warm Sun

HEX
#FC821D
RGB
rgb(252, 130, 29)
HSL
hsl(27, 97%, 55%)
HSB
hsb(27, 88%, 99%)
CMYK
cmyk(0%, 48%, 88%, 1%)
Oklch
oklch(73.2% 0.178 52.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE2B4
B3BCEA

Analogous

EAC6B3
EAE2B4
D7EAB3

Triadic

EAE2B4
B3EAE2
E2B3EA

Split-Comp.

EAE2B4
B3D7EA
C6B3EA

Tetradic

EAE2B4
B3EAC6
B3BCEA
EAB3D7

Contrast Matrix WCAG 2.1 Contrast

EAE2B4
E4D505
EAB60B
F29D01
FC821D
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
2.2Fail
2.5Fail
Black BG
16.0AAA
13.8AAA
11.2AAA
9.6AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6BF
DEDD37
D3D334
CDCC27
C7C635

Deuteranopia

E7E8C2
DEE043
D7DA3E
D2D830
CED73B

Tritanopia

EAC8CA
E35F68
E7555C
EE454B
F6494D

Achromatopsia

DFDFDF
C2C2C2
B2B2B2
A5A5A5
9B9B9B

Shades & Tints Shades & Tints

#EAE2B4

Dark
Light

#E4D505

Dark
Light

#EAB60B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae2b4;
  --color-2: #e4d505;
  --color-3: #eab60b;
  --color-4: #f29d01;
  --color-5: #fc821d;
}

SCSS

$color-1: #eae2b4;
$color-2: #e4d505;
$color-3: #eab60b;
$color-4: #f29d01;
$color-5: #fc821d;

TAILWIND

colors: {
  'brand-1': '#eae2b4',
  'brand-2': '#e4d505',
  'brand-3': '#eab60b',
  'brand-4': '#f29d01',
  'brand-5': '#fc821d',
}

RGB Array

[234, 226, 180], [228, 213, 5], [234, 182, 11], [242, 157, 1], [252, 130, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE2B4, #E4D505, #EAB60B, #F29D01, #FC821D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eae2b4; --color-2: #e4d505; --color-3: #eab60b; --color-4: #f29d01; --color-5: #fc821d. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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