#F5EFEB + #FFE6D6 + #E6DFD3 + #C5DBD3 + #9DCFD1 · 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

#F5EFEB

Apricot · Linen · Peach Orange

HEX

#F5EFEB

RGB

rgb(245, 239, 235)

HSL

hsl(24, 33%, 94%)

HSB

hsb(24, 4%, 96%)

CMYK

cmyk(0%, 2%, 4%, 4%)

Oklch

oklch(95.6% 0.008 56.3)

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

#FFE6D6

Apricot · Bisque · Peach Orange

HEX

#FFE6D6

RGB

rgb(255, 230, 214)

HSL

hsl(23, 100%, 92%)

HSB

hsb(23, 16%, 100%)

CMYK

cmyk(0%, 10%, 16%, 0%)

Oklch

oklch(94.1% 0.035 54.8)

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

#E6DFD3

Goose Yellow · LightGray · Peach Orange

HEX

#E6DFD3

RGB

rgb(230, 223, 211)

HSL

hsl(38, 28%, 86%)

HSB

hsb(38, 8%, 90%)

CMYK

cmyk(0%, 3%, 8%, 10%)

Oklch

oklch(90.6% 0.018 81.3)

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

#C5DBD3

Jade · LightGray · Mint Green

HEX

#C5DBD3

RGB

rgb(197, 219, 211)

HSL

hsl(158, 23%, 82%)

HSB

hsb(158, 10%, 86%)

CMYK

cmyk(10%, 0%, 4%, 14%)

Oklch

oklch(87.3% 0.026 171.9)

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

#9DCFD1

Sky Blue · LightSteelBlue · Lake Green

HEX

#9DCFD1

RGB

rgb(157, 207, 209)

HSL

hsl(182, 36%, 72%)

HSB

hsb(182, 25%, 82%)

CMYK

cmyk(25%, 1%, 0%, 18%)

Oklch

oklch(82.0% 0.052 199.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EFEB

EBF1F5

Analogous

F5EBEC

F5EFEB

F5F4EB

Triadic

F5EFEB

EBF5EF

EFEBF5

Split-Comp.

F5EFEB

EBF5F4

EBECF5

Tetradic

F5EFEB

ECF5EB

EBF1F5

F4EBF5

Contrast Matrix WCAG 2.1 Contrast

F5EFEB	FFE6D6	E6DFD3	C5DBD3	9DCFD1
—	1.1 Fail	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.5 Fail	1.4 Fail	1.3 Fail	1.2 Fail	—

White BG

1.1Fail

1.2Fail

1.3Fail

1.5Fail

1.7Fail

Black BG

18.4AAA

17.5AAA

15.9AAA

14.4AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2EC

F4F4DA

E3E3D6

CFCFD5

B3B3D1

Deuteranopia

F3F3EC

F6F8DB

E3E4D7

CDCCD5

B0ACD0

Tritanopia

F5EDED

FEDDDE

E6D8D9

C6D6D7

A0D0D0

Achromatopsia

F0F0F0

ECECEC

E0E0E0

D4D4D4

C0C0C0

Shades & Tints Shades & Tints

#F5EFEB

Dark

Light

#FFE6D6

Dark

Light

#E6DFD3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5efeb;
  --color-2: #ffe6d6;
  --color-3: #e6dfd3;
  --color-4: #c5dbd3;
  --color-5: #9dcfd1;
}

SCSS

$color-1: #f5efeb;
$color-2: #ffe6d6;
$color-3: #e6dfd3;
$color-4: #c5dbd3;
$color-5: #9dcfd1;

TAILWIND

colors: {
  'brand-1': '#f5efeb',
  'brand-2': '#ffe6d6',
  'brand-3': '#e6dfd3',
  'brand-4': '#c5dbd3',
  'brand-5': '#9dcfd1',
}

RGB Array

[245, 239, 235], [255, 230, 214], [230, 223, 211], [197, 219, 211], [157, 207, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F5EFEB, #FFE6D6, #E6DFD3, #C5DBD3, #9DCFD1 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: #f5efeb; --color-2: #ffe6d6; --color-3: #e6dfd3; --color-4: #c5dbd3; --color-5: #9dcfd1. 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