← Back to Editor

#E0D5C3 · #FEFCF0 · #FCEDCC · #F5C9BC · #DA98BE

cool

A 5-color cool 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

#E0D5C3

Goose Yellow · LightGray · Peach Orange

HEX
#E0D5C3
RGB
rgb(224, 213, 195)
HSL
hsl(37, 32%, 82%)
HSB
hsb(37, 13%, 88%)
CMYK
cmyk(0%, 5%, 13%, 12%)
Oklch
oklch(87.7% 0.027 80.2)

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

#FEFCF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFCF0
RGB
rgb(254, 252, 240)
HSL
hsl(51, 88%, 97%)
HSB
hsb(51, 6%, 100%)
CMYK
cmyk(0%, 1%, 6%, 0%)
Oklch
oklch(98.9% 0.016 99.0)

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

#FCEDCC

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEDCC
RGB
rgb(252, 237, 204)
HSL
hsl(41, 89%, 89%)
HSB
hsb(41, 19%, 99%)
CMYK
cmyk(0%, 6%, 19%, 1%)
Oklch
oklch(95.0% 0.046 86.5)

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

#F5C9BC

Peach Pink · Pink · Cherry Blossom

HEX
#F5C9BC
RGB
rgb(245, 201, 188)
HSL
hsl(14, 74%, 85%)
HSB
hsb(14, 23%, 96%)
CMYK
cmyk(0%, 18%, 23%, 4%)
Oklch
oklch(87.1% 0.053 37.1)

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

#DA98BE

Mauve · Orchid · Rose Pink

HEX
#DA98BE
RGB
rgb(218, 152, 190)
HSL
hsl(325, 47%, 73%)
HSB
hsb(325, 30%, 85%)
CMYK
cmyk(0%, 30%, 13%, 15%)
Oklch
oklch(75.5% 0.093 344.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D5C3
C2CEE0

Analogous

E0C6C2
E0D5C3
DCE0C2

Triadic

E0D5C3
C2E0D5
D5C2E0

Split-Comp.

E0D5C3
C2DCE0
C6C2E0

Tetradic

E0D5C3
C2E0C6
C2CEE0
E0C2DC

Contrast Matrix WCAG 2.1 Contrast

E0D5C3
FEFCF0
FCEDCC
F5C9BC
DA98BE
—
1.4
Fail
1.3
Fail
1.0
Fail
1.6
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.0
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
1.6
Fail
2.2
Fail
2.0
Fail
1.5
Fail
—
White BG
1.5Fail
1.0Fail
1.2Fail
1.5Fail
2.3Fail
Black BG
14.5AAA
20.4AAA
18.1AAA
14.0AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC7
FDFDF3
F6F5D4
E2E2BF
BDBDB5

Deuteranopia

DCDDC8
FDFDF4
F6F7D6
E5E8C0
C1C6B3

Tritanopia

DFCBCC
FEF5F6
FBDADC
F3C2C2
D7AEAC

Achromatopsia

D6D6D6
FBFBFB
EEEEEE
D5D5D5
B0B0B0

Shades & Tints Shades & Tints

#E0D5C3

Dark
Light

#FEFCF0

Dark
Light

#FCEDCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d5c3;
  --color-2: #fefcf0;
  --color-3: #fcedcc;
  --color-4: #f5c9bc;
  --color-5: #da98be;
}

SCSS

$color-1: #e0d5c3;
$color-2: #fefcf0;
$color-3: #fcedcc;
$color-4: #f5c9bc;
$color-5: #da98be;

TAILWIND

colors: {
  'brand-1': '#e0d5c3',
  'brand-2': '#fefcf0',
  'brand-3': '#fcedcc',
  'brand-4': '#f5c9bc',
  'brand-5': '#da98be',
}

RGB Array

[224, 213, 195], [254, 252, 240], [252, 237, 204], [245, 201, 188], [218, 152, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E0D5C3, #FEFCF0, #FCEDCC, #F5C9BC, #DA98BE 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: #e0d5c3; --color-2: #fefcf0; --color-3: #fcedcc; --color-4: #f5c9bc; --color-5: #da98be. 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 cool-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