← Back to Editor

#BEE8E5 · #FBE4C4 · #FDB5B0 · #DEB297 · #E5CBBB

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

#BEE8E5

Jade · LightBlue · Glacier Blue

HEX
#BEE8E5
RGB
rgb(190, 232, 229)
HSL
hsl(176, 48%, 83%)
HSB
hsb(176, 18%, 91%)
CMYK
cmyk(18%, 0%, 1%, 9%)
Oklch
oklch(90.0% 0.044 191.1)

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

#FBE4C4

Goose Yellow · Bisque · Peach Orange

HEX
#FBE4C4
RGB
rgb(251, 228, 196)
HSL
hsl(35, 87%, 88%)
HSB
hsb(35, 22%, 98%)
CMYK
cmyk(0%, 9%, 22%, 2%)
Oklch
oklch(92.9% 0.049 76.1)

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

#FDB5B0

Peach Pink · LightPink · Cherry Blossom

HEX
#FDB5B0
RGB
rgb(253, 181, 176)
HSL
hsl(4, 95%, 84%)
HSB
hsb(4, 30%, 99%)
CMYK
cmyk(0%, 28%, 30%, 1%)
Oklch
oklch(83.9% 0.085 23.5)

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

#DEB297

Apricot · Tan · Warm Sun

HEX
#DEB297
RGB
rgb(222, 178, 151)
HSL
hsl(23, 52%, 73%)
HSB
hsb(23, 32%, 87%)
CMYK
cmyk(0%, 20%, 32%, 13%)
Oklch
oklch(79.6% 0.063 53.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E5CBBB

Apricot · Wheat · Peach Orange

HEX
#E5CBBB
RGB
rgb(229, 203, 187)
HSL
hsl(23, 45%, 82%)
HSB
hsb(23, 18%, 90%)
CMYK
cmyk(0%, 11%, 18%, 10%)
Oklch
oklch(86.0% 0.037 53.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEE8E5
E8BFC2

Analogous

BFE8D1
BEE8E5
BFD6E8

Triadic

BEE8E5
E6BFE8
E8E6BF

Split-Comp.

BEE8E5
E8BFD6
E8D1BF

Tetradic

BEE8E5
D1BFE8
E8BFC2
D6E8BF

Contrast Matrix WCAG 2.1 Contrast

BEE8E5
FBE4C4
FDB5B0
DEB297
E5CBBB
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.6
Fail
1.3
Fail
1.3
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
White BG
1.3Fail
1.2Fail
1.7Fail
1.9Fail
1.5Fail
Black BG
15.9AAA
17.0AAA
12.4AAA
10.9AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D1E6
F1F1CC
DEDDB1
CBCB9E
DADABF

Deuteranopia

CECBE6
F2F4CE
E2E7B2
CED19F
DBDDC0

Tritanopia

C0E6E6
FAD2D3
F9B2B2
DCA3A4
E4C2C3

Achromatopsia

DBDBDB
E7E7E7
CACACA
BCBCBC
D1D1D1

Shades & Tints Shades & Tints

#BEE8E5

Dark
Light

#FBE4C4

Dark
Light

#FDB5B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bee8e5;
  --color-2: #fbe4c4;
  --color-3: #fdb5b0;
  --color-4: #deb297;
  --color-5: #e5cbbb;
}

SCSS

$color-1: #bee8e5;
$color-2: #fbe4c4;
$color-3: #fdb5b0;
$color-4: #deb297;
$color-5: #e5cbbb;

TAILWIND

colors: {
  'brand-1': '#bee8e5',
  'brand-2': '#fbe4c4',
  'brand-3': '#fdb5b0',
  'brand-4': '#deb297',
  'brand-5': '#e5cbbb',
}

RGB Array

[190, 232, 229], [251, 228, 196], [253, 181, 176], [222, 178, 151], [229, 203, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BEE8E5, #FBE4C4, #FDB5B0, #DEB297, #E5CBBB 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: #bee8e5; --color-2: #fbe4c4; --color-3: #fdb5b0; --color-4: #deb297; --color-5: #e5cbbb. 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 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