#BFE4E4 + #C7E4E4 + #D9E6E5 + #ECE7E6 + #F7E8E6 · 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

#BFE4E4

Sky Blue · LightBlue · Glacier Blue

HEX

#BFE4E4

RGB

rgb(191, 228, 228)

HSL

hsl(180, 41%, 82%)

HSB

hsb(180, 16%, 89%)

CMYK

cmyk(16%, 0%, 0%, 11%)

Oklch

oklch(89.2% 0.039 196.5)

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

#C7E4E4

Sky Blue · LightGray · Glacier Blue

HEX

#C7E4E4

RGB

rgb(199, 228, 228)

HSL

hsl(180, 35%, 84%)

HSB

hsb(180, 13%, 89%)

CMYK

cmyk(13%, 0%, 0%, 11%)

Oklch

oklch(89.8% 0.031 196.6)

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

#D9E6E5

Jade · Lavender · Glacier Blue

HEX

#D9E6E5

RGB

rgb(217, 230, 229)

HSL

hsl(175, 21%, 88%)

HSB

hsb(175, 6%, 90%)

CMYK

cmyk(6%, 0%, 0%, 10%)

Oklch

oklch(91.5% 0.014 191.4)

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

#ECE7E6

Peach Pink · Linen · Cherry Blossom

HEX

#ECE7E6

RGB

rgb(236, 231, 230)

HSL

hsl(10, 14%, 91%)

HSB

hsb(10, 3%, 93%)

CMYK

cmyk(0%, 2%, 3%, 7%)

Oklch

oklch(93.2% 0.006 31.1)

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

#F7E8E6

Peach Pink · Linen · Cherry Blossom

HEX

#F7E8E6

RGB

rgb(247, 232, 230)

HSL

hsl(7, 52%, 94%)

HSB

hsb(7, 7%, 97%)

CMYK

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

Oklch

oklch(94.2% 0.017 26.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFE4E4

E4BEBE

Analogous

BEE4D1

BFE4E4

BED1E4

Triadic

BFE4E4

E4BEE4

E4E4BE

Split-Comp.

BFE4E4

E4BED1

E4D1BE

Tetradic

BFE4E4

D1BEE4

E4BEBE

D1E4BE

Contrast Matrix WCAG 2.1 Contrast

BFE4E4	C7E4E4	D9E6E5	ECE7E6	F7E8E6
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

Black BG

15.4AAA

15.6AAA

16.4AAA

17.1AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFE4

D4D4E4

DFDFE5

EAEAE6

F1F0E6

Deuteranopia

CDCAE4

D2D0E4

DEDDE5

EAEBE6

F1F2E7

Tritanopia

C1E4E4

C8E4E4

DAE5E5

ECE6E6

F6E7E7

Achromatopsia

D9D9D9

DBDBDB

E2E2E2

E8E8E8

ECECEC

Shades & Tints Shades & Tints

#BFE4E4

Dark

Light

#C7E4E4

Dark

Light

#D9E6E5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfe4e4;
  --color-2: #c7e4e4;
  --color-3: #d9e6e5;
  --color-4: #ece7e6;
  --color-5: #f7e8e6;
}

SCSS

$color-1: #bfe4e4;
$color-2: #c7e4e4;
$color-3: #d9e6e5;
$color-4: #ece7e6;
$color-5: #f7e8e6;

TAILWIND

colors: {
  'brand-1': '#bfe4e4',
  'brand-2': '#c7e4e4',
  'brand-3': '#d9e6e5',
  'brand-4': '#ece7e6',
  'brand-5': '#f7e8e6',
}

RGB Array

[191, 228, 228], [199, 228, 228], [217, 230, 229], [236, 231, 230], [247, 232, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BFE4E4, #C7E4E4, #D9E6E5, #ECE7E6, #F7E8E6 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: #bfe4e4; --color-2: #c7e4e4; --color-3: #d9e6e5; --color-4: #ece7e6; --color-5: #f7e8e6. 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