← Back to Editor

#F2EBEC · #E3DFD5 · #CFD4C9 · #BCD1D1 · #EEBC9E

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F2EBEC

Peach Pink · Linen · Cherry Blossom

HEX
#F2EBEC
RGB
rgb(242, 235, 236)
HSL
hsl(351, 21%, 94%)
HSB
hsb(351, 3%, 95%)
CMYK
cmyk(0%, 3%, 2%, 5%)
Oklch
oklch(94.6% 0.008 7.3)

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

#E3DFD5

Goose Yellow · LightGray · Lemon Cream

HEX
#E3DFD5
RGB
rgb(227, 223, 213)
HSL
hsl(43, 20%, 86%)
HSB
hsb(43, 6%, 89%)
CMYK
cmyk(0%, 2%, 6%, 11%)
Oklch
oklch(90.4% 0.014 88.7)

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

#CFD4C9

Willow Green · LightGray · Mint Green

HEX
#CFD4C9
RGB
rgb(207, 212, 201)
HSL
hsl(87, 11%, 81%)
HSB
hsb(87, 5%, 83%)
CMYK
cmyk(2%, 0%, 5%, 17%)
Oklch
oklch(86.3% 0.016 126.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#BCD1D1

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#BCD1D1
RGB
rgb(188, 209, 209)
HSL
hsl(180, 19%, 78%)
HSB
hsb(180, 10%, 82%)
CMYK
cmyk(10%, 0%, 0%, 18%)
Oklch
oklch(84.5% 0.023 196.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#EEBC9E

Apricot · BurlyWood · Peach Orange

HEX
#EEBC9E
RGB
rgb(238, 188, 158)
HSL
hsl(23, 70%, 78%)
HSB
hsb(23, 34%, 93%)
CMYK
cmyk(0%, 21%, 34%, 7%)
Oklch
oklch(83.2% 0.071 52.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EBEC
ECF3F2

Analogous

F3ECF1
F2EBEC
F3EFEC

Triadic

F2EBEC
EDF3EC
ECEDF3

Split-Comp.

F2EBEC
ECF3EF
ECF1F3

Tetradic

F2EBEC
F1F3EC
ECF3F2
EFECF3

Contrast Matrix WCAG 2.1 Contrast

F2EBEC
E3DFD5
CFD4C9
BCD1D1
EEBC9E
—
1.1
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
1.6Fail
1.7Fail
Black BG
17.9AAA
15.8AAA
13.9AAA
13.2AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFEC
E1E1D7
D1D1CC
C5C5D1
D8D8A5

Deuteranopia

EFF0EC
E2E2D8
D1D0CC
C4C2D1
DBDFA7

Tritanopia

F2ECEC
E3D9DA
CFCECE
BDD1D1
ECABAC

Achromatopsia

EDEDED
DFDFDF
D1D1D1
CBCBCB
C8C8C8

Shades & Tints Shades & Tints

#F2EBEC

Dark
Light

#E3DFD5

Dark
Light

#CFD4C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ebec;
  --color-2: #e3dfd5;
  --color-3: #cfd4c9;
  --color-4: #bcd1d1;
  --color-5: #eebc9e;
}

SCSS

$color-1: #f2ebec;
$color-2: #e3dfd5;
$color-3: #cfd4c9;
$color-4: #bcd1d1;
$color-5: #eebc9e;

TAILWIND

colors: {
  'brand-1': '#f2ebec',
  'brand-2': '#e3dfd5',
  'brand-3': '#cfd4c9',
  'brand-4': '#bcd1d1',
  'brand-5': '#eebc9e',
}

RGB Array

[242, 235, 236], [227, 223, 213], [207, 212, 201], [188, 209, 209], [238, 188, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F2EBEC, #E3DFD5, #CFD4C9, #BCD1D1, #EEBC9E is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f2ebec; --color-2: #e3dfd5; --color-3: #cfd4c9; --color-4: #bcd1d1; --color-5: #eebc9e. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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