#CBDCBD + #D2D3AD + #DACDA4 + #E7BBA4 + #FBB5B8 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CBDCBD

Celadon · LightGray · Apple Green

HEX

#CBDCBD

RGB

rgb(203, 220, 189)

HSL

hsl(93, 31%, 80%)

HSB

hsb(93, 14%, 86%)

CMYK

cmyk(8%, 0%, 14%, 14%)

Oklch

oklch(87.3% 0.046 130.9)

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

#D2D3AD

Fresh Green · Silver · Sunflower

HEX

#D2D3AD

RGB

rgb(210, 211, 173)

HSL

hsl(62, 30%, 75%)

HSB

hsb(62, 18%, 83%)

CMYK

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

Oklch

oklch(85.6% 0.051 108.7)

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

#DACDA4

Goose Yellow · Wheat · Sunflower

HEX

#DACDA4

RGB

rgb(218, 205, 164)

HSL

hsl(46, 42%, 75%)

HSB

hsb(46, 25%, 85%)

CMYK

cmyk(0%, 6%, 25%, 15%)

Oklch

oklch(84.9% 0.056 92.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E7BBA4

Apricot · BurlyWood · Peach Orange

HEX

#E7BBA4

RGB

rgb(231, 187, 164)

HSL

hsl(21, 58%, 77%)

HSB

hsb(21, 29%, 91%)

CMYK

cmyk(0%, 19%, 29%, 9%)

Oklch

oklch(82.5% 0.060 49.1)

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

#FBB5B8

Peach Pink · LightPink · Cherry Blossom

HEX

#FBB5B8

RGB

rgb(251, 181, 184)

HSL

hsl(357, 90%, 85%)

HSB

hsb(357, 28%, 98%)

CMYK

cmyk(0%, 28%, 27%, 2%)

Oklch

oklch(83.9% 0.082 16.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBDCBD

CEBCDC

Analogous

DADCBC

CBDCBD

BCDCBE

Triadic

CBDCBD

BCCADC

DCBCCA

Split-Comp.

CBDCBD

BEBCDC

DCBCDA

Tetradic

CBDCBD

BCDADC

CEBCDC

DCBEBC

Contrast Matrix WCAG 2.1 Contrast

CBDCBD	D2D3AD	DACDA4	E7BBA4	FBB5B8
—	1.1 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

1.6Fail

1.7Fail

Black BG

14.5AAA

13.7AAA

13.2AAA

12.0AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D3C5

D2D2B6

D4D4AE

D4D4AA

DDDCB7

Deuteranopia

D1D0C6

D2D2B8

D5D6B0

D7DAAB

E1E6B7

Tritanopia

CCCACC

D2BDBF

D9B6B7

E5AEAF

F8B7B7

Achromatopsia

D3D3D3

CECECE

CCCCCC

C6C6C6

CACACA

Shades & Tints Shades & Tints

#CBDCBD

Dark

Light

#D2D3AD

Dark

Light

#DACDA4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbdcbd;
  --color-2: #d2d3ad;
  --color-3: #dacda4;
  --color-4: #e7bba4;
  --color-5: #fbb5b8;
}

SCSS

$color-1: #cbdcbd;
$color-2: #d2d3ad;
$color-3: #dacda4;
$color-4: #e7bba4;
$color-5: #fbb5b8;

TAILWIND

colors: {
  'brand-1': '#cbdcbd',
  'brand-2': '#d2d3ad',
  'brand-3': '#dacda4',
  'brand-4': '#e7bba4',
  'brand-5': '#fbb5b8',
}

RGB Array

[203, 220, 189], [210, 211, 173], [218, 205, 164], [231, 187, 164], [251, 181, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CBDCBD, #D2D3AD, #DACDA4, #E7BBA4, #FBB5B8 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: #cbdcbd; --color-2: #d2d3ad; --color-3: #dacda4; --color-4: #e7bba4; --color-5: #fbb5b8. 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