← Back to Editor

#FFEBEB · #FFFFEC · #E2FBF8 · #DBD3C2 · #B4D9DE

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

#FFEBEB

Peach Pink · Linen · Cherry Blossom

HEX
#FFEBEB
RGB
rgb(255, 235, 235)
HSL
hsl(0, 100%, 96%)
HSB
hsb(0, 8%, 100%)
CMYK
cmyk(0%, 8%, 8%, 0%)
Oklch
oklch(95.6% 0.022 17.5)

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

#FFFFEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFFEC
RGB
rgb(255, 255, 236)
HSL
hsl(60, 100%, 96%)
HSB
hsb(60, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.5% 0.025 106.8)

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

#E2FBF8

Jade · Lavender · Glacier Blue

HEX
#E2FBF8
RGB
rgb(226, 251, 248)
HSL
hsl(173, 76%, 94%)
HSB
hsb(173, 10%, 98%)
CMYK
cmyk(10%, 0%, 1%, 2%)
Oklch
oklch(96.9% 0.026 188.0)

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

#DBD3C2

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD3C2
RGB
rgb(219, 211, 194)
HSL
hsl(41, 26%, 81%)
HSB
hsb(41, 11%, 86%)
CMYK
cmyk(0%, 4%, 11%, 14%)
Oklch
oklch(86.9% 0.025 85.8)

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

#B4D9DE

Sky Blue · LightBlue · Glacier Blue

HEX
#B4D9DE
RGB
rgb(180, 217, 222)
HSL
hsl(187, 39%, 79%)
HSB
hsb(187, 19%, 87%)
CMYK
cmyk(19%, 2%, 0%, 13%)
Oklch
oklch(86.0% 0.040 206.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBEB
EBFFFF

Analogous

FFEBF5
FFEBEB
FFF5EB

Triadic

FFEBEB
EBFFEB
EBEBFF

Split-Comp.

FFEBEB
EBFFF5
EBF5FF

Tetradic

FFEBEB
F5FFEB
EBFFFF
F5EBFF

Contrast Matrix WCAG 2.1 Contrast

FFEBEB
FFFFEC
E2FBF8
DBD3C2
B4D9DE
—
1.1
Fail
1.1
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
1.4
Fail
1.3
Fail
1.5
Fail
1.4
Fail
—
1.0
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.0
Fail
—
White BG
1.1Fail
1.0Fail
1.1Fail
1.5Fail
1.5Fail
Black BG
18.3AAA
20.8AAA
19.4AAA
14.1AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6EB
FFFFF1
EDEDF9
D8D7C6
C4C4DD

Deuteranopia

F8F9EB
FFFFF2
EBEAF9
D8D9C7
C2BFDC

Tritanopia

FEEBEB
FFF4F5
E3F9F9
DBC9CA
B6DCDC

Achromatopsia

F1F1F1
FDFDFD
F3F3F3
D3D3D3
CFCFCF

Shades & Tints Shades & Tints

#FFEBEB

Dark
Light

#FFFFEC

Dark
Light

#E2FBF8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebeb;
  --color-2: #ffffec;
  --color-3: #e2fbf8;
  --color-4: #dbd3c2;
  --color-5: #b4d9de;
}

SCSS

$color-1: #ffebeb;
$color-2: #ffffec;
$color-3: #e2fbf8;
$color-4: #dbd3c2;
$color-5: #b4d9de;

TAILWIND

colors: {
  'brand-1': '#ffebeb',
  'brand-2': '#ffffec',
  'brand-3': '#e2fbf8',
  'brand-4': '#dbd3c2',
  'brand-5': '#b4d9de',
}

RGB Array

[255, 235, 235], [255, 255, 236], [226, 251, 248], [219, 211, 194], [180, 217, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFEBEB, #FFFFEC, #E2FBF8, #DBD3C2, #B4D9DE 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: #ffebeb; --color-2: #ffffec; --color-3: #e2fbf8; --color-4: #dbd3c2; --color-5: #b4d9de. 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