#FDFBEC + #DDEADA + #BFE1D7 + #BDC2D6 + #A3B3C3 · 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

#FDFBEC

Fresh Green · SeaShell · Lemon Cream

HEX

#FDFBEC

RGB

rgb(253, 251, 236)

HSL

hsl(53, 81%, 96%)

HSB

hsb(53, 7%, 99%)

CMYK

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

Oklch

oklch(98.6% 0.020 100.6)

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

#DDEADA

Celadon · LightGray · Mint Green

HEX

#DDEADA

RGB

rgb(221, 234, 218)

HSL

hsl(109, 28%, 89%)

HSB

hsb(109, 7%, 92%)

CMYK

cmyk(6%, 0%, 7%, 8%)

Oklch

oklch(92.3% 0.025 139.8)

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

#BFE1D7

Jade · LightGray · Glacier Blue

HEX

#BFE1D7

RGB

rgb(191, 225, 215)

HSL

hsl(162, 36%, 82%)

HSB

hsb(162, 15%, 88%)

CMYK

cmyk(15%, 0%, 4%, 12%)

Oklch

oklch(88.2% 0.038 175.7)

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

#BDC2D6

Azure · LightSteelBlue · Cobalt Blue

HEX

#BDC2D6

RGB

rgb(189, 194, 214)

HSL

hsl(228, 23%, 79%)

HSB

hsb(228, 12%, 84%)

CMYK

cmyk(12%, 9%, 0%, 16%)

Oklch

oklch(81.6% 0.029 274.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A3B3C3

Azure · DarkGray · Cobalt Blue

HEX

#A3B3C3

RGB

rgb(163, 179, 195)

HSL

hsl(210, 21%, 70%)

HSB

hsb(210, 16%, 76%)

CMYK

cmyk(16%, 8%, 0%, 24%)

Oklch

oklch(75.9% 0.029 248.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFBEC

EDEEFD

Analogous

FDF3ED

FDFBEC

F7FDED

Triadic

FDFBEC

EDFDFB

FBEDFD

Split-Comp.

FDFBEC

EDF7FD

F3EDFD

Tetradic

FDFBEC

EDFDF3

EDEEFD

FDEDF7

Contrast Matrix WCAG 2.1 Contrast

FDFBEC	DDEADA	BFE1D7	BDC2D6	A3B3C3
—	1.2 Fail	1.3 Fail	1.7 Fail	2.1 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.1 Fail	—	1.3 Fail	1.5 Fail
1.7 Fail	1.4 Fail	1.3 Fail	—	1.2 Fail
2.1 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

1.0Fail

1.2Fail

1.4Fail

1.8Fail

2.1Fail

Black BG

20.2AAA

16.9AAA

15.0AAA

11.9AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF0

E3E3DE

CECED9

BFBFD1

AAAABF

Deuteranopia

FCFCF1

E2E1DF

CCC9DA

BFBED0

A9A8BE

Tritanopia

FDF2F3

DEE1E2

C1DBDC

BDCDCD

A4BCBB

Achromatopsia

FAFAFA

E4E4E4

D6D6D6

C3C3C3

B0B0B0

Shades & Tints Shades & Tints

#FDFBEC

Dark

Light

#DDEADA

Dark

Light

#BFE1D7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfbec;
  --color-2: #ddeada;
  --color-3: #bfe1d7;
  --color-4: #bdc2d6;
  --color-5: #a3b3c3;
}

SCSS

$color-1: #fdfbec;
$color-2: #ddeada;
$color-3: #bfe1d7;
$color-4: #bdc2d6;
$color-5: #a3b3c3;

TAILWIND

colors: {
  'brand-1': '#fdfbec',
  'brand-2': '#ddeada',
  'brand-3': '#bfe1d7',
  'brand-4': '#bdc2d6',
  'brand-5': '#a3b3c3',
}

RGB Array

[253, 251, 236], [221, 234, 218], [191, 225, 215], [189, 194, 214], [163, 179, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FDFBEC, #DDEADA, #BFE1D7, #BDC2D6, #A3B3C3 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: #fdfbec; --color-2: #ddeada; --color-3: #bfe1d7; --color-4: #bdc2d6; --color-5: #a3b3c3. 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