#ACA5BF + #ADB6C4 + #C0D1CD + #D4E3CF + #FEEA79 · 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

#ACA5BF

Wisteria · DarkGray · Cobalt Blue

HEX

#ACA5BF

RGB

rgb(172, 165, 191)

HSL

hsl(256, 17%, 70%)

HSB

hsb(256, 14%, 75%)

CMYK

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

Oklch

oklch(73.6% 0.038 297.8)

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

#ADB6C4

Azure · Silver · Cobalt Blue

HEX

#ADB6C4

RGB

rgb(173, 182, 196)

HSL

hsl(217, 16%, 72%)

HSB

hsb(217, 12%, 77%)

CMYK

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

Oklch

oklch(77.4% 0.022 259.2)

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

#C0D1CD

Jade · LightGray · Glacier Blue

HEX

#C0D1CD

RGB

rgb(192, 209, 205)

HSL

hsl(166, 16%, 79%)

HSB

hsb(166, 8%, 82%)

CMYK

cmyk(8%, 0%, 2%, 18%)

Oklch

oklch(84.7% 0.019 180.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D4E3CF

Celadon · LightGray · Mint Green

HEX

#D4E3CF

RGB

rgb(212, 227, 207)

HSL

hsl(105, 26%, 85%)

HSB

hsb(105, 9%, 89%)

CMYK

cmyk(7%, 0%, 9%, 11%)

Oklch

oklch(89.9% 0.031 137.8)

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

#FEEA79

Fresh Green · Khaki · Sunflower

HEX

#FEEA79

RGB

rgb(254, 234, 121)

HSL

hsl(51, 99%, 74%)

HSB

hsb(51, 52%, 100%)

CMYK

cmyk(0%, 8%, 52%, 0%)

Oklch

oklch(93.1% 0.135 99.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA5BF

B9C0A5

Analogous

A5ACC0

ACA5BF

B9A5C0

Triadic

ACA5BF

C0ACA5

A5C0AC

Split-Comp.

ACA5BF

C0B9A5

ACC0A5

Tetradic

ACA5BF

C0A5AC

B9C0A5

A5C0B9

Contrast Matrix WCAG 2.1 Contrast

ACA5BF	ADB6C4	C0D1CD	D4E3CF	FEEA79
—	1.2 Fail	1.5 Fail	1.8 Fail	1.9 Fail
1.2 Fail	—	1.3 Fail	1.5 Fail	1.7 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
1.9 Fail	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

2.4Fail

2.0Fail

1.6Fail

1.3Fail

1.2Fail

Black BG

8.9AAA

10.3AAA

13.2AAA

15.7AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A9B9

B1B1C1

C7C8CE

DADBD4

F5F594

Deuteranopia

A9AAB7

B0B0C0

C6C5CE

DAD8D5

F7F89B

Tritanopia

ACB4B3

ADBEBD

C1CFCF

D5D8D9

FDAAAF

Achromatopsia

AAAAAA

B5B5B5

CBCBCB

DCDCDC

E3E3E3

Shades & Tints Shades & Tints

#ACA5BF

Dark

Light

#ADB6C4

Dark

Light

#C0D1CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca5bf;
  --color-2: #adb6c4;
  --color-3: #c0d1cd;
  --color-4: #d4e3cf;
  --color-5: #feea79;
}

SCSS

$color-1: #aca5bf;
$color-2: #adb6c4;
$color-3: #c0d1cd;
$color-4: #d4e3cf;
$color-5: #feea79;

TAILWIND

colors: {
  'brand-1': '#aca5bf',
  'brand-2': '#adb6c4',
  'brand-3': '#c0d1cd',
  'brand-4': '#d4e3cf',
  'brand-5': '#feea79',
}

RGB Array

[172, 165, 191], [173, 182, 196], [192, 209, 205], [212, 227, 207], [254, 234, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ACA5BF, #ADB6C4, #C0D1CD, #D4E3CF, #FEEA79 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: #aca5bf; --color-2: #adb6c4; --color-3: #c0d1cd; --color-4: #d4e3cf; --color-5: #feea79. 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