#B6CCBB + #FFFFD4 + #CEE4B0 + #C8DAB4 + #C2D1B8 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B6CCBB

Celadon · Silver · Apple Green

HEX

#B6CCBB

RGB

rgb(182, 204, 187)

HSL

hsl(134, 18%, 76%)

HSB

hsb(134, 11%, 80%)

CMYK

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

Oklch

oklch(82.4% 0.033 152.3)

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

#FFFFD4

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFFD4

RGB

rgb(255, 255, 212)

HSL

hsl(60, 100%, 92%)

HSB

hsb(60, 17%, 100%)

CMYK

cmyk(0%, 0%, 17%, 0%)

Oklch

oklch(98.9% 0.055 107.4)

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

#CEE4B0

Willow Green · LightGray · Apple Green

HEX

#CEE4B0

RGB

rgb(206, 228, 176)

HSL

hsl(85, 49%, 79%)

HSB

hsb(85, 23%, 89%)

CMYK

cmyk(10%, 0%, 23%, 11%)

Oklch

oklch(88.9% 0.073 126.5)

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

#C8DAB4

Willow Green · Silver · Apple Green

HEX

#C8DAB4

RGB

rgb(200, 218, 180)

HSL

hsl(88, 34%, 78%)

HSB

hsb(88, 17%, 85%)

CMYK

cmyk(8%, 0%, 17%, 15%)

Oklch

oklch(86.5% 0.055 128.2)

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

#C2D1B8

Celadon · Silver · Apple Green

HEX

#C2D1B8

RGB

rgb(194, 209, 184)

HSL

hsl(96, 21%, 77%)

HSB

hsb(96, 12%, 82%)

CMYK

cmyk(7%, 0%, 12%, 18%)

Oklch

oklch(84.2% 0.038 132.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6CCBB

CDB7C8

Analogous

BDCDB7

B6CCBB

B7CDC7

Triadic

B6CCBB

BCB7CD

CDBCB7

Split-Comp.

B6CCBB

C7B7CD

CDB7BD

Tetradic

B6CCBB

B7BDCD

CDB7C8

CDC7B7

Contrast Matrix WCAG 2.1 Contrast

B6CCBB	FFFFD4	CEE4B0	C8DAB4	C2D1B8
—	1.7 Fail	1.2 Fail	1.1 Fail	1.1 Fail
1.7 Fail	—	1.3 Fail	1.4 Fail	1.6 Fail
1.2 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

1.7Fail

1.0Fail

1.4Fail

1.5Fail

1.6Fail

Black BG

12.3AAA

20.5AAA

15.3AAA

14.1AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0BF

FFFFDE

D8D8BD

D0D0BD

C8C9BE

Deuteranopia

BEBDC0

FFFFE1

D6D5C0

CFCDBF

C8C6BF

Tritanopia

B7C2C3

FFE7E8

CFC7C9

C9C4C6

C3C3C4

Achromatopsia

C3C3C3

FAFAFA

D7D7D7

D0D0D0

CACACA

Shades & Tints Shades & Tints

#B6CCBB

Dark

Light

#FFFFD4

Dark

Light

#CEE4B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6ccbb;
  --color-2: #ffffd4;
  --color-3: #cee4b0;
  --color-4: #c8dab4;
  --color-5: #c2d1b8;
}

SCSS

$color-1: #b6ccbb;
$color-2: #ffffd4;
$color-3: #cee4b0;
$color-4: #c8dab4;
$color-5: #c2d1b8;

TAILWIND

colors: {
  'brand-1': '#b6ccbb',
  'brand-2': '#ffffd4',
  'brand-3': '#cee4b0',
  'brand-4': '#c8dab4',
  'brand-5': '#c2d1b8',
}

RGB Array

[182, 204, 187], [255, 255, 212], [206, 228, 176], [200, 218, 180], [194, 209, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B6CCBB, #FFFFD4, #CEE4B0, #C8DAB4, #C2D1B8 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: #b6ccbb; --color-2: #ffffd4; --color-3: #cee4b0; --color-4: #c8dab4; --color-5: #c2d1b8. 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