#ACA4B0 + #C5A9AD + #DCACA2 + #E3B6A6 + #E1C2AA · 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

#ACA4B0

Ash · DarkGray · Silver Sand

HEX

#ACA4B0

RGB

rgb(172, 164, 176)

HSL

hsl(280, 7%, 67%)

HSB

hsb(280, 7%, 69%)

CMYK

cmyk(2%, 7%, 0%, 31%)

Oklch

oklch(72.9% 0.019 314.7)

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

#C5A9AD

Peach Pink · DarkGray · Coral Red

HEX

#C5A9AD

RGB

rgb(197, 169, 173)

HSL

hsl(351, 19%, 72%)

HSB

hsb(351, 14%, 77%)

CMYK

cmyk(0%, 14%, 12%, 23%)

Oklch

oklch(76.0% 0.033 8.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DCACA2

Peach Pink · Tan · Coral Red

HEX

#DCACA2

RGB

rgb(220, 172, 162)

HSL

hsl(10, 45%, 75%)

HSB

hsb(10, 26%, 86%)

CMYK

cmyk(0%, 22%, 26%, 14%)

Oklch

oklch(78.5% 0.058 31.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E3B6A6

Apricot · Tan · Peach Orange

HEX

#E3B6A6

RGB

rgb(227, 182, 166)

HSL

hsl(16, 52%, 77%)

HSB

hsb(16, 27%, 89%)

CMYK

cmyk(0%, 20%, 27%, 11%)

Oklch

oklch(81.2% 0.057 40.5)

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

#E1C2AA

Apricot · Wheat · Peach Orange

HEX

#E1C2AA

RGB

rgb(225, 194, 170)

HSL

hsl(26, 48%, 77%)

HSB

hsb(26, 24%, 88%)

CMYK

cmyk(0%, 14%, 24%, 12%)

Oklch

oklch(83.4% 0.048 59.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA4B0

A9B1A5

Analogous

A7A5B1

ACA4B0

B1A5AF

Triadic

ACA4B0

B1ADA5

A5B1AD

Split-Comp.

ACA4B0

AFB1A5

A5B1A7

Tetradic

ACA4B0

B1A7A5

A9B1A5

A5AFB1

Contrast Matrix WCAG 2.1 Contrast

ACA4B0	C5A9AD	DCACA2	E3B6A6	E1C2AA
—	1.1 Fail	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.4Fail

2.2Fail

2.0Fail

1.8Fail

1.7Fail

Black BG

8.7AAA

9.7AAA

10.5AAA

11.5AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A8AD

B9B9AC

C7C7A4

D0CFAA

D4D3B0

Deuteranopia

A9AAAC

BBBDAC

CACEA5

D2D5AB

D5D8B1

Tritanopia

ACABAA

C4ABAB

DAA6A7

E1ADAE

DFB4B5

Achromatopsia

A8A8A8

B2B2B2

B9B9B9

C2C2C2

C9C9C9

Shades & Tints Shades & Tints

#ACA4B0

Dark

Light

#C5A9AD

Dark

Light

#DCACA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca4b0;
  --color-2: #c5a9ad;
  --color-3: #dcaca2;
  --color-4: #e3b6a6;
  --color-5: #e1c2aa;
}

SCSS

$color-1: #aca4b0;
$color-2: #c5a9ad;
$color-3: #dcaca2;
$color-4: #e3b6a6;
$color-5: #e1c2aa;

TAILWIND

colors: {
  'brand-1': '#aca4b0',
  'brand-2': '#c5a9ad',
  'brand-3': '#dcaca2',
  'brand-4': '#e3b6a6',
  'brand-5': '#e1c2aa',
}

RGB Array

[172, 164, 176], [197, 169, 173], [220, 172, 162], [227, 182, 166], [225, 194, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ACA4B0, #C5A9AD, #DCACA2, #E3B6A6, #E1C2AA 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: #aca4b0; --color-2: #c5a9ad; --color-3: #dcaca2; --color-4: #e3b6a6; --color-5: #e1c2aa. 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