← Back to Editor

#DEE0C9 · #FCDDC5 · #F7CFB2 · #FFA49C · #BD928E

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

#DEE0C9

Fresh Green · LightGray · Lemon Cream

HEX
#DEE0C9
RGB
rgb(222, 224, 201)
HSL
hsl(65, 27%, 83%)
HSB
hsb(65, 10%, 88%)
CMYK
cmyk(1%, 0%, 10%, 12%)
Oklch
oklch(89.9% 0.031 111.0)

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

#FCDDC5

Apricot · Bisque · Peach Orange

HEX
#FCDDC5
RGB
rgb(252, 221, 197)
HSL
hsl(26, 90%, 88%)
HSB
hsb(26, 22%, 99%)
CMYK
cmyk(0%, 12%, 22%, 1%)
Oklch
oklch(91.7% 0.047 59.9)

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

#F7CFB2

Apricot · Wheat · Peach Orange

HEX
#F7CFB2
RGB
rgb(247, 207, 178)
HSL
hsl(25, 81%, 83%)
HSB
hsb(25, 28%, 97%)
CMYK
cmyk(0%, 16%, 28%, 3%)
Oklch
oklch(88.1% 0.060 57.8)

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

#FFA49C

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFA49C
RGB
rgb(255, 164, 156)
HSL
hsl(5, 100%, 81%)
HSB
hsb(5, 39%, 100%)
CMYK
cmyk(0%, 36%, 39%, 0%)
Oklch
oklch(80.7% 0.109 25.2)

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

#BD928E

Peach Pink · Tan · Coral Red

HEX
#BD928E
RGB
rgb(189, 146, 142)
HSL
hsl(5, 26%, 65%)
HSB
hsb(5, 25%, 74%)
CMYK
cmyk(0%, 23%, 25%, 26%)
Oklch
oklch(69.9% 0.053 24.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE0C9
CAC8DF

Analogous

DFD6C8
DEE0C9
D2DFC8

Triadic

DEE0C9
C8DDDF
DFC8DD

Split-Comp.

DEE0C9
C8D2DF
D6C8DF

Tetradic

DEE0C9
C8DFD6
CAC8DF
DFC8D2

Contrast Matrix WCAG 2.1 Contrast

DEE0C9
FCDDC5
F7CFB2
FFA49C
BD928E
—
1.0
Fail
1.1
Fail
1.4
Fail
2.0
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
White BG
1.3Fail
1.3Fail
1.4Fail
1.9Fail
2.7Fail
Black BG
15.6AAA
16.3AAA
14.5AAA
11.0AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFCF
EFEECB
E6E5B9
D8D79E
AAAA8F

Deuteranopia

DFDFD0
F0F3CC
E8EBBB
DDE49E
ADB08F

Tritanopia

DED3D4
FACFD0
F5BFC0
FA9FA0
BB9090

Achromatopsia

DDDDDD
E4E4E4
D8D8D8
BEBEBE
9E9E9E

Shades & Tints Shades & Tints

#DEE0C9

Dark
Light

#FCDDC5

Dark
Light

#F7CFB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee0c9;
  --color-2: #fcddc5;
  --color-3: #f7cfb2;
  --color-4: #ffa49c;
  --color-5: #bd928e;
}

SCSS

$color-1: #dee0c9;
$color-2: #fcddc5;
$color-3: #f7cfb2;
$color-4: #ffa49c;
$color-5: #bd928e;

TAILWIND

colors: {
  'brand-1': '#dee0c9',
  'brand-2': '#fcddc5',
  'brand-3': '#f7cfb2',
  'brand-4': '#ffa49c',
  'brand-5': '#bd928e',
}

RGB Array

[222, 224, 201], [252, 221, 197], [247, 207, 178], [255, 164, 156], [189, 146, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEE0C9, #FCDDC5, #F7CFB2, #FFA49C, #BD928E 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: #dee0c9; --color-2: #fcddc5; --color-3: #f7cfb2; --color-4: #ffa49c; --color-5: #bd928e. 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