#FFFDFF + #E5BEC3 + #91ACB7 + #C88991 + #EBE0CA · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FFFDFF

Mauve · White · Lavender

HEX

#FFFDFF

RGB

rgb(255, 253, 255)

HSL

hsl(300, 100%, 100%)

HSB

hsb(300, 1%, 100%)

CMYK

cmyk(0%, 1%, 0%, 0%)

Oklch

oklch(99.6% 0.003 325.6)

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

#E5BEC3

Peach Pink · Pink · Cherry Blossom

HEX

#E5BEC3

RGB

rgb(229, 190, 195)

HSL

hsl(352, 43%, 82%)

HSB

hsb(352, 17%, 90%)

CMYK

cmyk(0%, 17%, 15%, 10%)

Oklch

oklch(83.7% 0.045 9.4)

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

#91ACB7

Sky Blue · DarkGray · Lake Green

HEX

#91ACB7

RGB

rgb(145, 172, 183)

HSL

hsl(197, 21%, 64%)

HSB

hsb(197, 21%, 72%)

CMYK

cmyk(21%, 6%, 0%, 28%)

Oklch

oklch(72.8% 0.034 224.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C88991

Peach Pink · DarkSalmon · Coral Red

HEX

#C88991

RGB

rgb(200, 137, 145)

HSL

hsl(352, 36%, 66%)

HSB

hsb(352, 32%, 78%)

CMYK

cmyk(0%, 32%, 28%, 22%)

Oklch

oklch(69.5% 0.078 10.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EBE0CA

Goose Yellow · Bisque · Lemon Cream

HEX

#EBE0CA

RGB

rgb(235, 224, 202)

HSL

hsl(40, 45%, 86%)

HSB

hsb(40, 14%, 92%)

CMYK

cmyk(0%, 5%, 14%, 8%)

Oklch

oklch(91.0% 0.032 84.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFDFF

FFFFFF

Analogous

FFFFFF

FFFDFF

FFFFFF

Triadic

FFFDFF

FFFFFF

Split-Comp.

FFFDFF

FFFFFF

Tetradic

FFFDFF

FFFFFF

Contrast Matrix WCAG 2.1 Contrast

FFFDFF	E5BEC3	91ACB7	C88991	EBE0CA
—	1.7 Fail	2.4 Fail	2.8 Fail	1.3 Fail
1.7 Fail	—	1.4 Fail	1.7 Fail	1.3 Fail
2.4 Fail	1.4 Fail	—	1.2 Fail	1.8 Fail
2.8 Fail	1.7 Fail	1.2 Fail	—	2.2 Fail
1.3 Fail	1.3 Fail	1.8 Fail	2.2 Fail	—

White BG

1.0Fail

1.7Fail

2.4Fail

2.8Fail

1.3Fail

Black BG

20.7AAA

12.5AAA

8.8AAA

7.4AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEFF

D4D4C2

9D9DB4

ADAC8F

E6E6CF

Deuteranopia

FEFEFE

D6D9C2

9B99B4

B0B58F

E7E8D1

Tritanopia

FFFEFE

E3C1C1

92B2B2

C58E8D

EAD4D4

Achromatopsia

FEFEFE

CACACA

A5A5A5

9D9D9D

E1E1E1

Shades & Tints Shades & Tints

#FFFDFF

Dark

Light

#E5BEC3

Dark

Light

#91ACB7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffdff;
  --color-2: #e5bec3;
  --color-3: #91acb7;
  --color-4: #c88991;
  --color-5: #ebe0ca;
}

SCSS

$color-1: #fffdff;
$color-2: #e5bec3;
$color-3: #91acb7;
$color-4: #c88991;
$color-5: #ebe0ca;

TAILWIND

colors: {
  'brand-1': '#fffdff',
  'brand-2': '#e5bec3',
  'brand-3': '#91acb7',
  'brand-4': '#c88991',
  'brand-5': '#ebe0ca',
}

RGB Array

[255, 253, 255], [229, 190, 195], [145, 172, 183], [200, 137, 145], [235, 224, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFFDFF, #E5BEC3, #91ACB7, #C88991, #EBE0CA is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fffdff; --color-2: #e5bec3; --color-3: #91acb7; --color-4: #c88991; --color-5: #ebe0ca. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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