← Back to Editor

#EFDEC2 · #E2CFBE · #FFBFBE · #FFAEB7 · #A19184

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

#EFDEC2

Goose Yellow · Wheat · Peach Orange

HEX
#EFDEC2
RGB
rgb(239, 222, 194)
HSL
hsl(37, 58%, 85%)
HSB
hsb(37, 19%, 94%)
CMYK
cmyk(0%, 7%, 19%, 6%)
Oklch
oklch(90.7% 0.042 80.3)

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

#E2CFBE

Apricot · LightGray · Peach Orange

HEX
#E2CFBE
RGB
rgb(226, 207, 190)
HSL
hsl(28, 38%, 82%)
HSB
hsb(28, 16%, 89%)
CMYK
cmyk(0%, 8%, 16%, 11%)
Oklch
oklch(86.6% 0.031 64.2)

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

#FFBFBE

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBFBE
RGB
rgb(255, 191, 190)
HSL
hsl(1, 100%, 87%)
HSB
hsb(1, 25%, 100%)
CMYK
cmyk(0%, 25%, 25%, 0%)
Oklch
oklch(86.2% 0.074 19.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFAEB7

Peach Pink · LightPink · Cherry Blossom

HEX
#FFAEB7
RGB
rgb(255, 174, 183)
HSL
hsl(353, 100%, 84%)
HSB
hsb(353, 32%, 100%)
CMYK
cmyk(0%, 32%, 28%, 0%)
Oklch
oklch(83.1% 0.096 12.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#A19184

Tangerine · Gray · Warm Sun

HEX
#A19184
RGB
rgb(161, 145, 132)
HSL
hsl(27, 13%, 57%)
HSB
hsb(27, 18%, 63%)
CMYK
cmyk(0%, 10%, 18%, 37%)
Oklch
oklch(66.7% 0.027 61.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDEC2
C3D4EF

Analogous

EFC8C3
EFDEC2
EAEFC3

Triadic

EFDEC2
C3EFDE
DEC3EF

Split-Comp.

EFDEC2
C3EAEF
C8C3EF

Tetradic

EFDEC2
C3EFC8
C3D4EF
EFC3EA

Contrast Matrix WCAG 2.1 Contrast

EFDEC2
E2CFBE
FFBFBE
FFAEB7
A19184
—
1.1
Fail
1.2
Fail
1.3
Fail
2.3
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
2.0
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.9
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.7
Fail
2.3
Fail
2.0
Fail
1.9
Fail
1.7
Fail
—
White BG
1.3Fail
1.5Fail
1.6Fail
1.8Fail
3.0AA Large
Black BG
15.9AAA
13.9AAA
13.4AAA
12.0AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C9
DADAC2
E3E3BE
DCDBB5
9A9A87

Deuteranopia

E9EACA
DBDCC3
E7ECBE
E1E7B4
9B9C88

Tritanopia

EECECF
E1C5C6
FCBEBE
FBB3B3
A08A8A

Achromatopsia

E0E0E0
D3D3D3
D2D2D2
C7C7C7
949494

Shades & Tints Shades & Tints

#EFDEC2

Dark
Light

#E2CFBE

Dark
Light

#FFBFBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdec2;
  --color-2: #e2cfbe;
  --color-3: #ffbfbe;
  --color-4: #ffaeb7;
  --color-5: #a19184;
}

SCSS

$color-1: #efdec2;
$color-2: #e2cfbe;
$color-3: #ffbfbe;
$color-4: #ffaeb7;
$color-5: #a19184;

TAILWIND

colors: {
  'brand-1': '#efdec2',
  'brand-2': '#e2cfbe',
  'brand-3': '#ffbfbe',
  'brand-4': '#ffaeb7',
  'brand-5': '#a19184',
}

RGB Array

[239, 222, 194], [226, 207, 190], [255, 191, 190], [255, 174, 183], [161, 145, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDEC2, #E2CFBE, #FFBFBE, #FFAEB7, #A19184 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: #efdec2; --color-2: #e2cfbe; --color-3: #ffbfbe; --color-4: #ffaeb7; --color-5: #a19184. 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