#FDACC7 + #E7C1C6 + #CCCFC6 + #ACDBC9 + #7DEDC8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FDACC7

Rouge · LightPink · Cherry Blossom

HEX

#FDACC7

RGB

rgb(253, 172, 199)

HSL

hsl(340, 95%, 83%)

HSB

hsb(340, 32%, 99%)

CMYK

cmyk(0%, 32%, 21%, 1%)

Oklch

oklch(83.0% 0.100 357.9)

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

#E7C1C6

Peach Pink · Pink · Cherry Blossom

HEX

#E7C1C6

RGB

rgb(231, 193, 198)

HSL

hsl(352, 44%, 83%)

HSB

hsb(352, 16%, 91%)

CMYK

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

Oklch

oklch(84.5% 0.044 9.1)

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

#CCCFC6

Willow Green · LightGray · Pearl Gray

HEX

#CCCFC6

RGB

rgb(204, 207, 198)

HSL

hsl(80, 9%, 79%)

HSB

hsb(80, 4%, 81%)

CMYK

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

Oklch

oklch(85.0% 0.013 121.7)

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

#ACDBC9

Jade · LightBlue · Apple Green

HEX

#ACDBC9

RGB

rgb(172, 219, 201)

HSL

hsl(157, 39%, 77%)

HSB

hsb(157, 21%, 86%)

CMYK

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

Oklch

oklch(85.3% 0.055 169.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#7DEDC8

Jade · SkyBlue · Lake Green

HEX

#7DEDC8

RGB

rgb(125, 237, 200)

HSL

hsl(160, 76%, 71%)

HSB

hsb(160, 47%, 93%)

CMYK

cmyk(47%, 0%, 16%, 7%)

Oklch

oklch(86.9% 0.117 169.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDACC7

AAFDE1

Analogous

FDAAEF

FDACC7

FDB8AA

Triadic

FDACC7

C6FDAA

AAC6FD

Split-Comp.

FDACC7

AAFDB8

AAEFFD

Tetradic

FDACC7

EFFDAA

AAFDE1

B8AAFD

Contrast Matrix WCAG 2.1 Contrast

FDACC7	E7C1C6	CCCFC6	ACDBC9	7DEDC8
—	1.1 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.8Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

11.9AAA

12.8AAA

13.3AAA

13.7AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9C0

D7D6C5

CDCDC8

C0C1CD

ADAFD1

Deuteranopia

DFE5BF

D9DCC5

CDCDC9

BEBACE

A79FD3

Tritanopia

F9BBBA

E5C4C4

CCCACA

AED1D2

83D8DA

Achromatopsia

C7C7C7

CDCDCD

CBCBCB

C7C7C7

Shades & Tints Shades & Tints

#FDACC7

Dark

Light

#E7C1C6

Dark

Light

#CCCFC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdacc7;
  --color-2: #e7c1c6;
  --color-3: #cccfc6;
  --color-4: #acdbc9;
  --color-5: #7dedc8;
}

SCSS

$color-1: #fdacc7;
$color-2: #e7c1c6;
$color-3: #cccfc6;
$color-4: #acdbc9;
$color-5: #7dedc8;

TAILWIND

colors: {
  'brand-1': '#fdacc7',
  'brand-2': '#e7c1c6',
  'brand-3': '#cccfc6',
  'brand-4': '#acdbc9',
  'brand-5': '#7dedc8',
}

RGB Array

[253, 172, 199], [231, 193, 198], [204, 207, 198], [172, 219, 201], [125, 237, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDACC7, #E7C1C6, #CCCFC6, #ACDBC9, #7DEDC8 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: #fdacc7; --color-2: #e7c1c6; --color-3: #cccfc6; --color-4: #acdbc9; --color-5: #7dedc8. 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