#B2E8EB + #E8EBB2 + #B2EBCF + #B2BBEB + #D9B2EB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B2E8EB

Sky Blue · LightBlue · Glacier Blue

HEX

#B2E8EB

RGB

rgb(178, 232, 235)

HSL

hsl(183, 59%, 81%)

HSB

hsb(183, 24%, 92%)

CMYK

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

Oklch

oklch(89.5% 0.055 200.5)

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

#E8EBB2

Fresh Green · Wheat · Lemon Cream

HEX

#E8EBB2

RGB

rgb(232, 235, 178)

HSL

hsl(63, 59%, 81%)

HSB

hsb(63, 24%, 92%)

CMYK

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

Oklch

oklch(92.4% 0.074 110.3)

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

#B2EBCF

Jade · LightBlue · Mint Green

HEX

#B2EBCF

RGB

rgb(178, 235, 207)

HSL

hsl(151, 59%, 81%)

HSB

hsb(151, 24%, 92%)

CMYK

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

Oklch

oklch(89.3% 0.070 163.3)

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

#B2BBEB

Azure · LightSteelBlue · Sky Blue

HEX

#B2BBEB

RGB

rgb(178, 187, 235)

HSL

hsl(231, 59%, 81%)

HSB

hsb(231, 24%, 92%)

CMYK

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

Oklch

oklch(80.2% 0.069 276.5)

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

#D9B2EB

Lilac · LightGray · Lavender

HEX

#D9B2EB

RGB

rgb(217, 178, 235)

HSL

hsl(281, 59%, 81%)

HSB

hsb(281, 24%, 92%)

CMYK

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

Oklch

oklch(81.7% 0.089 315.0)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2E8EB

EBB5B2

Analogous

B2EBD1

B2E8EB

B2CCEB

Triadic

B2E8EB

EBB2E8

E8EBB2

Split-Comp.

B2E8EB

EBB2CC

EBD1B2

Tetradic

B2E8EB

D1B2EB

EBB5B2

CCEBB2

Contrast Matrix WCAG 2.1 Contrast

B2E8EB	E8EBB2	B2EBCF	B2BBEB	D9B2EB
—	1.1 Fail	1.0 Fail	1.4 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.5 Fail	1.5 Fail
1.0 Fail	1.1 Fail	—	1.4 Fail	1.4 Fail
1.4 Fail	1.5 Fail	1.4 Fail	—	1.0 Fail
1.4 Fail	1.5 Fail	1.4 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.3Fail

1.9Fail

1.8Fail

Black BG

15.6AAA

17.0AAA

15.7AAA

11.2AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9CAEA

E9E9C0

CBCBD6

B6B6DF

C8C8DD

Deuteranopia

C6C2EA

E9E9C3

C7C3D7

B5B5DD

CACDDA

Tritanopia

B5EAEA

E8CBCD

B5DBDC

B2D6D4

D7D2D0

Achromatopsia

D8D8D8

E4E4E4

D7D7D7

BEBEBE

C4C4C4

Shades & Tints Shades & Tints

#B2E8EB

Dark

Light

#E8EBB2

Dark

Light

#B2EBCF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2e8eb;
  --color-2: #e8ebb2;
  --color-3: #b2ebcf;
  --color-4: #b2bbeb;
  --color-5: #d9b2eb;
}

SCSS

$color-1: #b2e8eb;
$color-2: #e8ebb2;
$color-3: #b2ebcf;
$color-4: #b2bbeb;
$color-5: #d9b2eb;

TAILWIND

colors: {
  'brand-1': '#b2e8eb',
  'brand-2': '#e8ebb2',
  'brand-3': '#b2ebcf',
  'brand-4': '#b2bbeb',
  'brand-5': '#d9b2eb',
}

RGB Array

[178, 232, 235], [232, 235, 178], [178, 235, 207], [178, 187, 235], [217, 178, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B2E8EB, #E8EBB2, #B2EBCF, #B2BBEB, #D9B2EB 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: #b2e8eb; --color-2: #e8ebb2; --color-3: #b2ebcf; --color-4: #b2bbeb; --color-5: #d9b2eb. 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