← Back to Editor

#FDF3DD · #FAE6C9 · #F2CCA2 · #E19489 · #C38887

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

#FDF3DD

Goose Yellow · Beige · Lemon Cream

HEX
#FDF3DD
RGB
rgb(253, 243, 221)
HSL
hsl(41, 89%, 93%)
HSB
hsb(41, 13%, 99%)
CMYK
cmyk(0%, 4%, 13%, 1%)
Oklch
oklch(96.6% 0.031 86.5)

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

#FAE6C9

Goose Yellow · Bisque · Peach Orange

HEX
#FAE6C9
RGB
rgb(250, 230, 201)
HSL
hsl(36, 83%, 88%)
HSB
hsb(36, 20%, 98%)
CMYK
cmyk(0%, 8%, 20%, 2%)
Oklch
oklch(93.4% 0.044 77.2)

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

#F2CCA2

Goose Yellow · Wheat · Peach Orange

HEX
#F2CCA2
RGB
rgb(242, 204, 162)
HSL
hsl(32, 75%, 79%)
HSB
hsb(32, 33%, 95%)
CMYK
cmyk(0%, 16%, 33%, 5%)
Oklch
oklch(86.8% 0.070 69.5)

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

#E19489

Peach Pink · DarkSalmon · Coral Red

HEX
#E19489
RGB
rgb(225, 148, 137)
HSL
hsl(8, 59%, 71%)
HSB
hsb(8, 39%, 88%)
CMYK
cmyk(0%, 34%, 39%, 12%)
Oklch
oklch(74.1% 0.095 28.5)

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

#C38887

Peach Pink · DarkSalmon · Coral Red

HEX
#C38887
RGB
rgb(195, 136, 135)
HSL
hsl(1, 33%, 65%)
HSB
hsb(1, 31%, 76%)
CMYK
cmyk(0%, 30%, 31%, 24%)
Oklch
oklch(68.5% 0.073 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF3DD
DDE7FD

Analogous

FDE3DD
FDF3DD
F7FDDD

Triadic

FDF3DD
DDFDF3
F3DDFD

Split-Comp.

FDF3DD
DDF7FD
E3DDFD

Tetradic

FDF3DD
DDFDE3
DDE7FD
FDDDF7

Contrast Matrix WCAG 2.1 Contrast

FDF3DD
FAE6C9
F2CCA2
E19489
C38887
—
1.1
Fail
1.4
Fail
2.2
Fail
2.6
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
2.4
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
1.9
Fail
2.2
Fail
2.0
Fail
1.6
Fail
—
1.2
Fail
2.6
Fail
2.4
Fail
1.9
Fail
1.2
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
2.4Fail
2.9Fail
Black BG
19.0AAA
17.2AAA
13.9AAA
8.8AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9E2
F1F1D0
E2E1AC
C0BF8C
A9A987

Deuteranopia

F9FAE4
F3F4D2
E4E7AF
C4CA8C
ADB187

Tritanopia

FDE7E7
F9D6D7
F0B4B6
DD8E8E
C08787

Achromatopsia

F3F3F3
E9E9E9
D3D3D3
AAAAAA
9A9A9A

Shades & Tints Shades & Tints

#FDF3DD

Dark
Light

#FAE6C9

Dark
Light

#F2CCA2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf3dd;
  --color-2: #fae6c9;
  --color-3: #f2cca2;
  --color-4: #e19489;
  --color-5: #c38887;
}

SCSS

$color-1: #fdf3dd;
$color-2: #fae6c9;
$color-3: #f2cca2;
$color-4: #e19489;
$color-5: #c38887;

TAILWIND

colors: {
  'brand-1': '#fdf3dd',
  'brand-2': '#fae6c9',
  'brand-3': '#f2cca2',
  'brand-4': '#e19489',
  'brand-5': '#c38887',
}

RGB Array

[253, 243, 221], [250, 230, 201], [242, 204, 162], [225, 148, 137], [195, 136, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF3DD, #FAE6C9, #F2CCA2, #E19489, #C38887 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: #fdf3dd; --color-2: #fae6c9; --color-3: #f2cca2; --color-4: #e19489; --color-5: #c38887. 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