#F7E0AD + #FEBDB2 + #D8B7BB + #B6CBC1 + #C0D9BC · 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

#F7E0AD

Goose Yellow · Wheat · Lemon Cream

HEX

#F7E0AD

RGB

rgb(247, 224, 173)

HSL

hsl(41, 82%, 82%)

HSB

hsb(41, 30%, 97%)

CMYK

cmyk(0%, 9%, 30%, 3%)

Oklch

oklch(91.3% 0.070 86.5)

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

#FEBDB2

Peach Pink · LightPink · Cherry Blossom

HEX

#FEBDB2

RGB

rgb(254, 189, 178)

HSL

hsl(9, 97%, 85%)

HSB

hsb(9, 30%, 100%)

CMYK

cmyk(0%, 26%, 30%, 0%)

Oklch

oklch(85.5% 0.077 29.6)

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

#D8B7BB

Peach Pink · Silver · Coral Red

HEX

#D8B7BB

RGB

rgb(216, 183, 187)

HSL

hsl(353, 30%, 78%)

HSB

hsb(353, 15%, 85%)

CMYK

cmyk(0%, 15%, 13%, 15%)

Oklch

oklch(80.9% 0.038 9.7)

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

#B6CBC1

Jade · Silver · Apple Green

HEX

#B6CBC1

RGB

rgb(182, 203, 193)

HSL

hsl(151, 17%, 75%)

HSB

hsb(151, 10%, 80%)

CMYK

cmyk(10%, 0%, 5%, 20%)

Oklch

oklch(82.3% 0.027 165.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C0D9BC

Celadon · Silver · Apple Green

HEX

#C0D9BC

RGB

rgb(192, 217, 188)

HSL

hsl(112, 28%, 79%)

HSB

hsb(112, 13%, 85%)

CMYK

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

Oklch

oklch(85.9% 0.048 141.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7E0AD

ABC3F7

Analogous

F7B9AB

F7E0AD

E9F7AB

Triadic

F7E0AD

ABF7DF

DFABF7

Split-Comp.

F7E0AD

ABE9F7

B9ABF7

Tetradic

F7E0AD

ABF7B9

ABC3F7

F7ABE9

Contrast Matrix WCAG 2.1 Contrast

F7E0AD	FEBDB2	D8B7BB	B6CBC1	C0D9BC
—	1.2 Fail	1.4 Fail	1.3 Fail	1.2 Fail
1.2 Fail	—	1.2 Fail	1.1 Fail	1.1 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.6Fail

1.8Fail

1.7Fail

1.5Fail

Black BG

16.2AAA

13.1AAA

11.4AAA

12.3AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDB9

E2E1B5

CAC9BA

BFBFC3

CBCBC3

Deuteranopia

EEF0BC

E6EAB5

CCCEBA

BEBCC4

C9C7C5

Tritanopia

F6C3C5

FBB7B7

D6B9B9

B7C5C6

C1C9CA

Achromatopsia

E1E1E1

CFCFCF

C1C1C1

C4C4C4

CECECE

Shades & Tints Shades & Tints

#F7E0AD

Dark

Light

#FEBDB2

Dark

Light

#D8B7BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7e0ad;
  --color-2: #febdb2;
  --color-3: #d8b7bb;
  --color-4: #b6cbc1;
  --color-5: #c0d9bc;
}

SCSS

$color-1: #f7e0ad;
$color-2: #febdb2;
$color-3: #d8b7bb;
$color-4: #b6cbc1;
$color-5: #c0d9bc;

TAILWIND

colors: {
  'brand-1': '#f7e0ad',
  'brand-2': '#febdb2',
  'brand-3': '#d8b7bb',
  'brand-4': '#b6cbc1',
  'brand-5': '#c0d9bc',
}

RGB Array

[247, 224, 173], [254, 189, 178], [216, 183, 187], [182, 203, 193], [192, 217, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F7E0AD, #FEBDB2, #D8B7BB, #B6CBC1, #C0D9BC 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: #f7e0ad; --color-2: #febdb2; --color-3: #d8b7bb; --color-4: #b6cbc1; --color-5: #c0d9bc. 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