#FFEAE3 + #FCCCD2 + #CB9FB1 + #999195 + #BAAFB4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFEAE3

Apricot · Linen · Peach Orange

HEX

#FFEAE3

RGB

rgb(255, 234, 227)

HSL

hsl(15, 100%, 95%)

HSB

hsb(15, 11%, 100%)

CMYK

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

Oklch

oklch(95.2% 0.025 39.4)

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

#FCCCD2

Peach Pink · Pink · Cherry Blossom

HEX

#FCCCD2

RGB

rgb(252, 204, 210)

HSL

hsl(353, 89%, 89%)

HSB

hsb(353, 19%, 99%)

CMYK

cmyk(0%, 19%, 17%, 1%)

Oklch

oklch(88.8% 0.055 9.8)

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

#CB9FB1

Rouge · DarkGray · Rose Pink

HEX

#CB9FB1

RGB

rgb(203, 159, 177)

HSL

hsl(335, 30%, 71%)

HSB

hsb(335, 22%, 80%)

CMYK

cmyk(0%, 22%, 13%, 20%)

Oklch

oklch(74.8% 0.057 352.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#999195

Ash · DarkGray · Silver Sand

HEX

#999195

RGB

rgb(153, 145, 149)

HSL

hsl(330, 4%, 58%)

HSB

hsb(330, 5%, 60%)

CMYK

cmyk(0%, 5%, 3%, 40%)

Oklch

oklch(66.5% 0.011 345.6)

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

#BAAFB4

Silver Gray · DarkGray · Pearl Gray

HEX

#BAAFB4

RGB

rgb(186, 175, 180)

HSL

hsl(333, 7%, 71%)

HSB

hsb(333, 6%, 73%)

CMYK

cmyk(0%, 6%, 3%, 27%)

Oklch

oklch(76.5% 0.014 348.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEAE3

E5F9FF

Analogous

FFE5EC

FFEAE3

FFF9E5

Triadic

FFEAE3

E5FFEC

ECE5FF

Split-Comp.

FFEAE3

E5FFF9

E5ECFF

Tetradic

FFEAE3

ECFFE5

E5F9FF

F9E5FF

Contrast Matrix WCAG 2.1 Contrast

FFEAE3	FCCCD2	CB9FB1	999195	BAAFB4
—	1.2 Fail	2.0 Fail	2.7 Fail	1.8 Fail
1.2 Fail	—	1.6 Fail	2.2 Fail	1.5 Fail
2.0 Fail	1.6 Fail	—	1.3 Fail	1.1 Fail
2.7 Fail	2.2 Fail	1.3 Fail	—	1.4 Fail
1.8 Fail	1.5 Fail	1.1 Fail	1.4 Fail	—

White BG

1.2Fail

1.4Fail

2.3Fail

3.1AA Large

2.1Fail

Black BG

18.1AAA

14.7AAA

9.1AAA

6.8AA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E5

E7E7D1

B8B8AD

969594

B5B5B3

Deuteranopia

F7F9E5

EAEED0

BBBEAC

969794

B6B7B3

Tritanopia

FEE6E6

FACFCF

C9A9A8

999393

B9B2B2

Achromatopsia

EFEFEF

DBDBDB

AEAEAE

949494

B3B3B3

Shades & Tints Shades & Tints

#FFEAE3

Dark

Light

#FCCCD2

Dark

Light

#CB9FB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeae3;
  --color-2: #fcccd2;
  --color-3: #cb9fb1;
  --color-4: #999195;
  --color-5: #baafb4;
}

SCSS

$color-1: #ffeae3;
$color-2: #fcccd2;
$color-3: #cb9fb1;
$color-4: #999195;
$color-5: #baafb4;

TAILWIND

colors: {
  'brand-1': '#ffeae3',
  'brand-2': '#fcccd2',
  'brand-3': '#cb9fb1',
  'brand-4': '#999195',
  'brand-5': '#baafb4',
}

RGB Array

[255, 234, 227], [252, 204, 210], [203, 159, 177], [153, 145, 149], [186, 175, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEAE3, #FCCCD2, #CB9FB1, #999195, #BAAFB4 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: #ffeae3; --color-2: #fcccd2; --color-3: #cb9fb1; --color-4: #999195; --color-5: #baafb4. 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 general-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