← Back to Editor

#D1B69B · #FEA4AE · #FCC1A1 · #FADE94 · #EDFC92

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

#D1B69B

Goose Yellow · Tan · Warm Sun

HEX
#D1B69B
RGB
rgb(209, 182, 155)
HSL
hsl(30, 37%, 71%)
HSB
hsb(30, 26%, 82%)
CMYK
cmyk(0%, 13%, 26%, 18%)
Oklch
oklch(79.3% 0.048 67.0)

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

#FEA4AE

Peach Pink · LightPink · Cherry Blossom

HEX
#FEA4AE
RGB
rgb(254, 164, 174)
HSL
hsl(353, 98%, 82%)
HSB
hsb(353, 35%, 100%)
CMYK
cmyk(0%, 35%, 31%, 0%)
Oklch
oklch(81.1% 0.107 12.5)

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

#FCC1A1

Apricot · LightPink · Peach Orange

HEX
#FCC1A1
RGB
rgb(252, 193, 161)
HSL
hsl(21, 94%, 81%)
HSB
hsb(21, 36%, 99%)
CMYK
cmyk(0%, 23%, 36%, 1%)
Oklch
oklch(85.6% 0.081 49.7)

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

#FADE94

Goose Yellow · Khaki · Lemon Cream

HEX
#FADE94
RGB
rgb(250, 222, 148)
HSL
hsl(44, 91%, 78%)
HSB
hsb(44, 41%, 98%)
CMYK
cmyk(0%, 11%, 41%, 2%)
Oklch
oklch(90.7% 0.098 89.6)

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

#EDFC92

Fresh Green · Khaki · Lemon Cream

HEX
#EDFC92
RGB
rgb(237, 252, 146)
HSL
hsl(68, 95%, 78%)
HSB
hsb(68, 42%, 99%)
CMYK
cmyk(6%, 0%, 42%, 1%)
Oklch
oklch(95.7% 0.131 115.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1B69B
9AB5D0

Analogous

D09A9A
D1B69B
D0D09A

Triadic

D1B69B
9AD0B5
B59AD0

Split-Comp.

D1B69B
9AD0D0
9A9AD0

Tetradic

D1B69B
9AD09A
9AB5D0
D09AD0

Contrast Matrix WCAG 2.1 Contrast

D1B69B
FEA4AE
FCC1A1
FADE94
EDFC92
—
1.0
Fail
1.2
Fail
1.5
Fail
1.7
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
1.9Fail
1.9Fail
1.6Fail
1.3Fail
1.1Fail
Black BG
10.9AAA
11.1AAA
13.3AAA
15.9AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5A2
D7D6AC
E2E2A9
EEEEA6
F3F4AC

Deuteranopia

C7C9A3
DCE3AB
E6EAAB
F0F2AA
F3F1B2

Tritanopia

D0A7A8
F9AAA9
F9AFB0
F9B4B7
EEC0C4

Achromatopsia

BBBBBB
C0C0C0
CFCFCF
DEDEDE
EBEBEB

Shades & Tints Shades & Tints

#D1B69B

Dark
Light

#FEA4AE

Dark
Light

#FCC1A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1b69b;
  --color-2: #fea4ae;
  --color-3: #fcc1a1;
  --color-4: #fade94;
  --color-5: #edfc92;
}

SCSS

$color-1: #d1b69b;
$color-2: #fea4ae;
$color-3: #fcc1a1;
$color-4: #fade94;
$color-5: #edfc92;

TAILWIND

colors: {
  'brand-1': '#d1b69b',
  'brand-2': '#fea4ae',
  'brand-3': '#fcc1a1',
  'brand-4': '#fade94',
  'brand-5': '#edfc92',
}

RGB Array

[209, 182, 155], [254, 164, 174], [252, 193, 161], [250, 222, 148], [237, 252, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1B69B, #FEA4AE, #FCC1A1, #FADE94, #EDFC92 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: #d1b69b; --color-2: #fea4ae; --color-3: #fcc1a1; --color-4: #fade94; --color-5: #edfc92. 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