#FFCEB0 + #F592B1 + #CB9CBC + #B2B9D6 + #C9C5DC · 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

#FFCEB0

Apricot · Wheat · Peach Orange

HEX

#FFCEB0

RGB

rgb(255, 206, 176)

HSL

hsl(23, 100%, 85%)

HSB

hsb(23, 31%, 100%)

CMYK

cmyk(0%, 19%, 31%, 0%)

Oklch

oklch(88.7% 0.069 53.1)

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

#F592B1

Rouge · LightPink · Cherry Blossom

HEX

#F592B1

RGB

rgb(245, 146, 177)

HSL

hsl(341, 83%, 77%)

HSB

hsb(341, 40%, 96%)

CMYK

cmyk(0%, 40%, 28%, 4%)

Oklch

oklch(77.2% 0.124 0.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#CB9CBC

Mauve · Silver · Lilac Purple

HEX

#CB9CBC

RGB

rgb(203, 156, 188)

HSL

hsl(319, 31%, 70%)

HSB

hsb(319, 23%, 80%)

CMYK

cmyk(0%, 23%, 7%, 20%)

Oklch

oklch(74.6% 0.070 338.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B2B9D6

Azure · LightSteelBlue · Cobalt Blue

HEX

#B2B9D6

RGB

rgb(178, 185, 214)

HSL

hsl(228, 31%, 77%)

HSB

hsb(228, 17%, 84%)

CMYK

cmyk(17%, 14%, 0%, 16%)

Oklch

oklch(79.0% 0.042 274.7)

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

#C9C5DC

Wisteria · LightGray · Sky Blue

HEX

#C9C5DC

RGB

rgb(201, 197, 220)

HSL

hsl(250, 25%, 82%)

HSB

hsb(250, 10%, 86%)

CMYK

cmyk(9%, 10%, 0%, 14%)

Oklch

oklch(83.4% 0.032 293.7)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFCEB0

B3E2FF

Analogous

FFB3BB

FFCEB0

FFF6B3

Triadic

FFCEB0

B3FFD0

D0B3FF

Split-Comp.

FFCEB0

B3FFF6

B3BBFF

Tetradic

FFCEB0

BBFFB3

B3E2FF

F6B3FF

Contrast Matrix WCAG 2.1 Contrast

FFCEB0	F592B1	CB9CBC	B2B9D6	C9C5DC
—	1.5 Fail	1.6 Fail	1.4 Fail	1.2 Fail
1.5 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.6 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.2 Fail
1.2 Fail	1.3 Fail	1.4 Fail	1.2 Fail	—

White BG

1.4Fail

2.2Fail

2.3Fail

1.9Fail

1.7Fail

Black BG

14.7AAA

9.6AAA

9.0AAA

10.8AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9B7

CAC9A9

B7B6B4

B5B5CF

C7C7D6

Deuteranopia

EDF0B9

D0D7A8

B9BDB2

B5B4CD

C8C8D5

Tritanopia

FDBDBE

F0A4A2

C9AEAD

B2C9C8

C9D2D1

Achromatopsia

D9D9D9

B3B3B3

AEAEAE

BABABA

C9C9C9

Shades & Tints Shades & Tints

#FFCEB0

Dark

Light

#F592B1

Dark

Light

#CB9CBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffceb0;
  --color-2: #f592b1;
  --color-3: #cb9cbc;
  --color-4: #b2b9d6;
  --color-5: #c9c5dc;
}

SCSS

$color-1: #ffceb0;
$color-2: #f592b1;
$color-3: #cb9cbc;
$color-4: #b2b9d6;
$color-5: #c9c5dc;

TAILWIND

colors: {
  'brand-1': '#ffceb0',
  'brand-2': '#f592b1',
  'brand-3': '#cb9cbc',
  'brand-4': '#b2b9d6',
  'brand-5': '#c9c5dc',
}

RGB Array

[255, 206, 176], [245, 146, 177], [203, 156, 188], [178, 185, 214], [201, 197, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFCEB0, #F592B1, #CB9CBC, #B2B9D6, #C9C5DC 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: #ffceb0; --color-2: #f592b1; --color-3: #cb9cbc; --color-4: #b2b9d6; --color-5: #c9c5dc. 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