← Back to Editor

#CFCBB4 · #BCC3A6 · #9CB6A5 · #9F989E · #AD6698

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CFCBB4

Fresh Green · Silver · Lemon Cream

HEX
#CFCBB4
RGB
rgb(207, 203, 180)
HSL
hsl(51, 22%, 76%)
HSB
hsb(51, 13%, 81%)
CMYK
cmyk(0%, 2%, 13%, 19%)
Oklch
oklch(83.9% 0.031 98.9)

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

#BCC3A6

Willow Green · Silver · Apple Green

HEX
#BCC3A6
RGB
rgb(188, 195, 166)
HSL
hsl(74, 19%, 71%)
HSB
hsb(74, 15%, 76%)
CMYK
cmyk(4%, 0%, 15%, 24%)
Oklch
oklch(80.4% 0.040 118.3)

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

#9CB6A5

Celadon · DarkGray · Apple Green

HEX
#9CB6A5
RGB
rgb(156, 182, 165)
HSL
hsl(141, 15%, 66%)
HSB
hsb(141, 14%, 71%)
CMYK
cmyk(14%, 0%, 9%, 29%)
Oklch
oklch(75.2% 0.037 156.7)

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

#9F989E

Ash · DarkGray · Silver Sand

HEX
#9F989E
RGB
rgb(159, 152, 158)
HSL
hsl(309, 4%, 61%)
HSB
hsb(309, 4%, 62%)
CMYK
cmyk(0%, 4%, 1%, 38%)
Oklch
oklch(68.7% 0.012 330.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#AD6698

Rose Purple · Gray · Violet

HEX
#AD6698
RGB
rgb(173, 102, 152)
HSL
hsl(318, 30%, 54%)
HSB
hsb(318, 41%, 68%)
CMYK
cmyk(0%, 41%, 12%, 32%)
Oklch
oklch(60.5% 0.112 338.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFCBB4
B4B8CF

Analogous

CFBEB4
CFCBB4
C6CFB4

Triadic

CFCBB4
B4CFCB
CBB4CF

Split-Comp.

CFCBB4
B4C6CF
BEB4CF

Tetradic

CFCBB4
B4CFBE
B4B8CF
CFB4C6

Contrast Matrix WCAG 2.1 Contrast

CFCBB4
BCC3A6
9CB6A5
9F989E
AD6698
—
1.1
Fail
1.3
Fail
1.7
Fail
2.5
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.5
Fail
2.2
Fail
1.9
Fail
1.5
Fail
—
White BG
1.6Fail
1.8Fail
2.2Fail
2.8Fail
4.1AA Large
Black BG
12.9AAA
11.5AAA
9.6AAA
7.5AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDBA
BFBFAD
A7A7A9
9C9C9D
8E8E8C

Deuteranopia

CECEBB
BFBEAF
A6A4AA
9C9D9C
929889

Tritanopia

CFBEBF
BCB3B4
9DACAD
9F9B9B
A98280

Achromatopsia

CACACA
BEBEBE
ACACAC
9B9B9B
818181

Shades & Tints Shades & Tints

#CFCBB4

Dark
Light

#BCC3A6

Dark
Light

#9CB6A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfcbb4;
  --color-2: #bcc3a6;
  --color-3: #9cb6a5;
  --color-4: #9f989e;
  --color-5: #ad6698;
}

SCSS

$color-1: #cfcbb4;
$color-2: #bcc3a6;
$color-3: #9cb6a5;
$color-4: #9f989e;
$color-5: #ad6698;

TAILWIND

colors: {
  'brand-1': '#cfcbb4',
  'brand-2': '#bcc3a6',
  'brand-3': '#9cb6a5',
  'brand-4': '#9f989e',
  'brand-5': '#ad6698',
}

RGB Array

[207, 203, 180], [188, 195, 166], [156, 182, 165], [159, 152, 158], [173, 102, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CFCBB4, #BCC3A6, #9CB6A5, #9F989E, #AD6698 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cfcbb4; --color-2: #bcc3a6; --color-3: #9cb6a5; --color-4: #9f989e; --color-5: #ad6698. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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