← Back to Editor

#FAA56C · #E88AAE · #EACE9C · #F0BD7B · #E9D2A0

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

#FAA56C

Apricot · SandyBrown · Warm Sun

HEX
#FAA56C
RGB
rgb(250, 165, 108)
HSL
hsl(24, 93%, 70%)
HSB
hsb(24, 57%, 98%)
CMYK
cmyk(0%, 34%, 57%, 2%)
Oklch
oklch(79.4% 0.124 53.8)

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

#E88AAE

Rouge · LightCoral · Rose Pink

HEX
#E88AAE
RGB
rgb(232, 138, 174)
HSL
hsl(337, 67%, 73%)
HSB
hsb(337, 41%, 91%)
CMYK
cmyk(0%, 41%, 25%, 9%)
Oklch
oklch(74.3% 0.122 356.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EACE9C

Goose Yellow · Khaki · Peach Orange

HEX
#EACE9C
RGB
rgb(234, 206, 156)
HSL
hsl(38, 65%, 76%)
HSB
hsb(38, 33%, 92%)
CMYK
cmyk(0%, 12%, 33%, 8%)
Oklch
oklch(86.3% 0.072 81.8)

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

#F0BD7B

Goose Yellow · BurlyWood · Warm Sun

HEX
#F0BD7B
RGB
rgb(240, 189, 123)
HSL
hsl(34, 80%, 71%)
HSB
hsb(34, 49%, 94%)
CMYK
cmyk(0%, 21%, 49%, 6%)
Oklch
oklch(83.0% 0.102 72.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E9D2A0

Goose Yellow · Wheat · Lemon Cream

HEX
#E9D2A0
RGB
rgb(233, 210, 160)
HSL
hsl(41, 62%, 77%)
HSB
hsb(41, 31%, 91%)
CMYK
cmyk(0%, 10%, 31%, 9%)
Oklch
oklch(87.1% 0.070 86.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAA56C
6BC1FA

Analogous

FA6B7A
FAA56C
FAEB6B

Triadic

FAA56C
6BFAA4
A46BFA

Split-Comp.

FAA56C
6BFAEB
6B7AFA

Tetradic

FAA56C
7AFA6B
6BC1FA
EB6BFA

Contrast Matrix WCAG 2.1 Contrast

FAA56C
E88AAE
EACE9C
F0BD7B
E9D2A0
—
1.2
Fail
1.3
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.6
Fail
1.4
Fail
1.6
Fail
1.3
Fail
1.6
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.2
Fail
—
White BG
2.0Fail
2.4Fail
1.5Fail
1.7Fail
1.5Fail
Black BG
10.7AAA
8.7AAA
13.8AAA
12.3AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D47A
BFBEA5
DEDEA8
DAD98B
DFDFAC

Deuteranopia

DAE17D
C5CCA3
E0E2AB
DDE18F
E0E2AF

Tritanopia

F68587
E39E9D
E9B2B4
ED989A
E8B6B8

Achromatopsia

B8B8B8
AAAAAA
D1D1D1
C5C5C5
D3D3D3

Shades & Tints Shades & Tints

#FAA56C

Dark
Light

#E88AAE

Dark
Light

#EACE9C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faa56c;
  --color-2: #e88aae;
  --color-3: #eace9c;
  --color-4: #f0bd7b;
  --color-5: #e9d2a0;
}

SCSS

$color-1: #faa56c;
$color-2: #e88aae;
$color-3: #eace9c;
$color-4: #f0bd7b;
$color-5: #e9d2a0;

TAILWIND

colors: {
  'brand-1': '#faa56c',
  'brand-2': '#e88aae',
  'brand-3': '#eace9c',
  'brand-4': '#f0bd7b',
  'brand-5': '#e9d2a0',
}

RGB Array

[250, 165, 108], [232, 138, 174], [234, 206, 156], [240, 189, 123], [233, 210, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAA56C, #E88AAE, #EACE9C, #F0BD7B, #E9D2A0 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: #faa56c; --color-2: #e88aae; --color-3: #eace9c; --color-4: #f0bd7b; --color-5: #e9d2a0. 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