← Back to Editor

#E4CAA5 · #EADABE · #FEF7D6 · #67ADAD · #F49046

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E4CAA5

Goose Yellow · Wheat · Peach Orange

HEX
#E4CAA5
RGB
rgb(228, 202, 165)
HSL
hsl(35, 54%, 77%)
HSB
hsb(35, 28%, 89%)
CMYK
cmyk(0%, 11%, 28%, 11%)
Oklch
oklch(85.2% 0.057 76.5)

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

#EADABE

Goose Yellow · Wheat · Peach Orange

HEX
#EADABE
RGB
rgb(234, 218, 190)
HSL
hsl(38, 51%, 83%)
HSB
hsb(38, 19%, 92%)
CMYK
cmyk(0%, 7%, 19%, 8%)
Oklch
oklch(89.4% 0.041 81.7)

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

#FEF7D6

Goose Yellow · Beige · Lemon Cream

HEX
#FEF7D6
RGB
rgb(254, 247, 214)
HSL
hsl(49, 95%, 92%)
HSB
hsb(49, 16%, 100%)
CMYK
cmyk(0%, 3%, 16%, 0%)
Oklch
oklch(97.3% 0.044 97.2)

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

#67ADAD

Slate Blue · CadetBlue · Lake Green

HEX
#67ADAD
RGB
rgb(103, 173, 173)
HSL
hsl(180, 30%, 54%)
HSB
hsb(180, 40%, 68%)
CMYK
cmyk(40%, 0%, 0%, 32%)
Oklch
oklch(70.2% 0.071 195.7)

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

#F49046

Apricot · Coral · Warm Sun

HEX
#F49046
RGB
rgb(244, 144, 70)
HSL
hsl(26, 89%, 62%)
HSB
hsb(26, 71%, 96%)
CMYK
cmyk(0%, 41%, 71%, 4%)
Oklch
oklch(74.6% 0.149 54.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4CAA5
A5BFE4

Analogous

E4AAA5
E4CAA5
DFE4A5

Triadic

E4CAA5
A5E4CA
CAA5E4

Split-Comp.

E4CAA5
A5DFE4
AAA5E4

Tetradic

E4CAA5
A5E4AA
A5BFE4
E4A5DF

Contrast Matrix WCAG 2.1 Contrast

E4CAA5
EADABE
FEF7D6
67ADAD
F49046
—
1.1
Fail
1.5
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
2.4
Fail
2.2
Fail
1.6
Fail
1.9
Fail
2.4
Fail
—
1.1
Fail
1.5
Fail
1.7
Fail
2.2
Fail
1.1
Fail
—
White BG
1.6Fail
1.4Fail
1.1Fail
2.6Fail
2.4Fail
Black BG
13.3AAA
15.3AAA
19.5AAA
8.2AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9AE
E3E3C5
FBFBDE
8586AD
C9C858

Deuteranopia

DADCB0
E4E5C6
FBFCE0
817CAD
CFD65C

Tritanopia

E3B5B7
E9CACB
FEE4E6
6BADAD
EF6669

Achromatopsia

CECECE
DCDCDC
F5F5F5
989898
A5A5A5

Shades & Tints Shades & Tints

#E4CAA5

Dark
Light

#EADABE

Dark
Light

#FEF7D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4caa5;
  --color-2: #eadabe;
  --color-3: #fef7d6;
  --color-4: #67adad;
  --color-5: #f49046;
}

SCSS

$color-1: #e4caa5;
$color-2: #eadabe;
$color-3: #fef7d6;
$color-4: #67adad;
$color-5: #f49046;

TAILWIND

colors: {
  'brand-1': '#e4caa5',
  'brand-2': '#eadabe',
  'brand-3': '#fef7d6',
  'brand-4': '#67adad',
  'brand-5': '#f49046',
}

RGB Array

[228, 202, 165], [234, 218, 190], [254, 247, 214], [103, 173, 173], [244, 144, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4CAA5, #EADABE, #FEF7D6, #67ADAD, #F49046 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: #e4caa5; --color-2: #eadabe; --color-3: #fef7d6; --color-4: #67adad; --color-5: #f49046. 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