#BDDFD3 + #F5EFD2 + #E8D1B9 + #F1AFAB + #C8ABAC · 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

#BDDFD3

Jade · LightGray · Mint Green

HEX

#BDDFD3

RGB

rgb(189, 223, 211)

HSL

hsl(159, 35%, 81%)

HSB

hsb(159, 15%, 87%)

CMYK

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

Oklch

oklch(87.6% 0.039 172.0)

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

#F5EFD2

Fresh Green · Beige · Lemon Cream

HEX

#F5EFD2

RGB

rgb(245, 239, 210)

HSL

hsl(50, 64%, 89%)

HSB

hsb(50, 14%, 96%)

CMYK

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

Oklch

oklch(94.9% 0.039 97.4)

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

#E8D1B9

Goose Yellow · Wheat · Peach Orange

HEX

#E8D1B9

RGB

rgb(232, 209, 185)

HSL

hsl(31, 51%, 82%)

HSB

hsb(31, 20%, 91%)

CMYK

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

Oklch

oklch(87.3% 0.041 68.4)

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

#F1AFAB

Peach Pink · LightPink · Cherry Blossom

HEX

#F1AFAB

RGB

rgb(241, 175, 171)

HSL

hsl(3, 71%, 81%)

HSB

hsb(3, 29%, 95%)

CMYK

cmyk(0%, 27%, 29%, 5%)

Oklch

oklch(81.5% 0.078 22.8)

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

#C8ABAC

Peach Pink · Silver · Coral Red

HEX

#C8ABAC

RGB

rgb(200, 171, 172)

HSL

hsl(358, 21%, 73%)

HSB

hsb(358, 15%, 78%)

CMYK

cmyk(0%, 15%, 14%, 22%)

Oklch

oklch(76.7% 0.034 15.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDDFD3

E0BEC9

Analogous

BEE0C3

BDDFD3

BEDAE0

Triadic

BDDFD3

D4BEE0

E0D4BE

Split-Comp.

BDDFD3

E0BEDA

E0C3BE

Tetradic

BDDFD3

C3BEE0

E0BEC9

DAE0BE

Contrast Matrix WCAG 2.1 Contrast

BDDFD3	F5EFD2	E8D1B9	F1AFAB	C8ABAC
—	1.2 Fail	1.0 Fail	1.3 Fail	1.5 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
1.0 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
1.3 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
1.5 Fail	1.8 Fail	1.4 Fail	1.2 Fail	—

White BG

1.4Fail

1.2Fail

1.5Fail

1.8Fail

2.1Fail

Black BG

14.7AAA

18.2AAA

14.3AAA

11.5AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCD6

F2F2D9

DEDEBF

D4D4AC

BBBBAC

Deuteranopia

CAC7D7

F3F3DB

DFE1C0

D8DDAC

BDBFAC

Tritanopia

BFD8D9

F5DFE0

E7C3C4

EEADAD

C7ACAC

Achromatopsia

D3D3D3

EDEDED

D5D5D5

C2C2C2

B4B4B4

Shades & Tints Shades & Tints

#BDDFD3

Dark

Light

#F5EFD2

Dark

Light

#E8D1B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bddfd3;
  --color-2: #f5efd2;
  --color-3: #e8d1b9;
  --color-4: #f1afab;
  --color-5: #c8abac;
}

SCSS

$color-1: #bddfd3;
$color-2: #f5efd2;
$color-3: #e8d1b9;
$color-4: #f1afab;
$color-5: #c8abac;

TAILWIND

colors: {
  'brand-1': '#bddfd3',
  'brand-2': '#f5efd2',
  'brand-3': '#e8d1b9',
  'brand-4': '#f1afab',
  'brand-5': '#c8abac',
}

RGB Array

[189, 223, 211], [245, 239, 210], [232, 209, 185], [241, 175, 171], [200, 171, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BDDFD3, #F5EFD2, #E8D1B9, #F1AFAB, #C8ABAC 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: #bddfd3; --color-2: #f5efd2; --color-3: #e8d1b9; --color-4: #f1afab; --color-5: #c8abac. 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