← Back to Editor

#E0BAA3 · #EA6F50 · #F4A44D · #E3D663 · #EDE4BD

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

#E0BAA3

Apricot · Tan · Peach Orange

HEX
#E0BAA3
RGB
rgb(224, 186, 163)
HSL
hsl(23, 50%, 76%)
HSB
hsb(23, 27%, 88%)
CMYK
cmyk(0%, 17%, 27%, 12%)
Oklch
oklch(81.6% 0.054 52.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EA6F50

Peach Pink · Tomato · Coral Red

HEX
#EA6F50
RGB
rgb(234, 111, 80)
HSL
hsl(12, 79%, 62%)
HSB
hsb(12, 66%, 92%)
CMYK
cmyk(0%, 53%, 66%, 8%)
Oklch
oklch(68.2% 0.160 35.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F4A44D

Ginger · SandyBrown · Warm Sun

HEX
#F4A44D
RGB
rgb(244, 164, 77)
HSL
hsl(31, 88%, 63%)
HSB
hsb(31, 68%, 96%)
CMYK
cmyk(0%, 33%, 68%, 4%)
Oklch
oklch(78.2% 0.139 65.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E3D663

Fresh Green · Khaki · Sunflower

HEX
#E3D663
RGB
rgb(227, 214, 99)
HSL
hsl(54, 70%, 64%)
HSB
hsb(54, 56%, 89%)
CMYK
cmyk(0%, 6%, 56%, 11%)
Oklch
oklch(86.4% 0.137 102.9)

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

#EDE4BD

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE4BD
RGB
rgb(237, 228, 189)
HSL
hsl(49, 57%, 84%)
HSB
hsb(49, 20%, 93%)
CMYK
cmyk(0%, 4%, 20%, 7%)
Oklch
oklch(91.6% 0.052 96.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0BAA3
A3C9E0

Analogous

E0A3AA
E0BAA3
E0D9A3

Triadic

E0BAA3
A3E0BB
BBA3E0

Split-Comp.

E0BAA3
A3E0D9
A3AAE0

Tetradic

E0BAA3
AAE0A3
A3C9E0
D9A3E0

Contrast Matrix WCAG 2.1 Contrast

E0BAA3
EA6F50
F4A44D
E3D663
EDE4BD
—
1.7
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.7
Fail
—
1.5
Fail
2.0
Fail
2.4
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
1.6
Fail
1.2
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
White BG
1.8Fail
3.0AA Large
2.0Fail
1.5Fail
1.3Fail
Black BG
11.7AAA
6.9AA
10.3AAA
14.1AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFA9
B5B458
D1D162
DDDD7F
E9E9C6

Deuteranopia

D2D5AA
BCC559
D6DC67
DEDF86
EAEAC9

Tritanopia

DEADAE
E45D5F
F07376
E2959A
EDCED0

Achromatopsia

C3C3C3
909090
B2B2B2
CDCDCD
E2E2E2

Shades & Tints Shades & Tints

#E0BAA3

Dark
Light

#EA6F50

Dark
Light

#F4A44D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0baa3;
  --color-2: #ea6f50;
  --color-3: #f4a44d;
  --color-4: #e3d663;
  --color-5: #ede4bd;
}

SCSS

$color-1: #e0baa3;
$color-2: #ea6f50;
$color-3: #f4a44d;
$color-4: #e3d663;
$color-5: #ede4bd;

TAILWIND

colors: {
  'brand-1': '#e0baa3',
  'brand-2': '#ea6f50',
  'brand-3': '#f4a44d',
  'brand-4': '#e3d663',
  'brand-5': '#ede4bd',
}

RGB Array

[224, 186, 163], [234, 111, 80], [244, 164, 77], [227, 214, 99], [237, 228, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0BAA3, #EA6F50, #F4A44D, #E3D663, #EDE4BD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e0baa3; --color-2: #ea6f50; --color-3: #f4a44d; --color-4: #e3d663; --color-5: #ede4bd. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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