← Back to Editor

#A5ADB1 · #9D8199 · #967B91 · #E5969D · #E8AFA8

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A5ADB1

Ash · DarkGray · Silver Sand

HEX
#A5ADB1
RGB
rgb(165, 173, 177)
HSL
hsl(200, 7%, 67%)
HSB
hsb(200, 7%, 69%)
CMYK
cmyk(7%, 2%, 0%, 31%)
Oklch
oklch(74.2% 0.011 228.9)

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

#9D8199

Rose Purple · Gray · Violet

HEX
#9D8199
RGB
rgb(157, 129, 153)
HSL
hsl(309, 13%, 56%)
HSB
hsb(309, 18%, 62%)
CMYK
cmyk(0%, 18%, 3%, 38%)
Oklch
oklch(63.7% 0.048 330.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#967B91

Rose Purple · Gray · Violet

HEX
#967B91
RGB
rgb(150, 123, 145)
HSL
hsl(311, 11%, 54%)
HSB
hsb(311, 18%, 59%)
CMYK
cmyk(0%, 18%, 3%, 41%)
Oklch
oklch(61.6% 0.046 332.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#E5969D

Peach Pink · DarkSalmon · Coral Red

HEX
#E5969D
RGB
rgb(229, 150, 157)
HSL
hsl(355, 60%, 74%)
HSB
hsb(355, 34%, 90%)
CMYK
cmyk(0%, 34%, 31%, 10%)
Oklch
oklch(75.4% 0.096 13.8)

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

#E8AFA8

Peach Pink · LightPink · Coral Red

HEX
#E8AFA8
RGB
rgb(232, 175, 168)
HSL
hsl(7, 58%, 78%)
HSB
hsb(7, 28%, 91%)
CMYK
cmyk(0%, 25%, 28%, 9%)
Oklch
oklch(80.5% 0.068 26.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5ADB1
B1A9A5

Analogous

A5B1AF
A5ADB1
A5A7B1

Triadic

A5ADB1
B1A5AD
ADB1A5

Split-Comp.

A5ADB1
B1A5A7
B1AFA5

Tetradic

A5ADB1
AFA5B1
B1A9A5
A7B1A5

Contrast Matrix WCAG 2.1 Contrast

A5ADB1
9D8199
967B91
E5969D
E8AFA8
—
1.5
Fail
1.7
Fail
1.0
Fail
1.2
Fail
1.5
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.7
Fail
1.1
Fail
—
1.7
Fail
2.0
Fail
1.0
Fail
1.5
Fail
1.7
Fail
—
1.2
Fail
1.2
Fail
1.8
Fail
2.0
Fail
1.2
Fail
—
White BG
2.3Fail
3.5AA Large
3.8AA Large
2.3Fail
1.9Fail
Black BG
9.2AAA
6.0AA
5.5AA
9.2AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A9B0
919193
8A8A8C
C3C29B
CFCFAA

Deuteranopia

A8A7B0
939592
8C8E8A
C7CD9B
D3D7AA

Tritanopia

A5AFAF
9C8F8E
958787
E19A9A
E5ABAB

Achromatopsia

ABABAB
8C8C8C
868686
AEAEAE
BFBFBF

Shades & Tints Shades & Tints

#A5ADB1

Dark
Light

#9D8199

Dark
Light

#967B91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5adb1;
  --color-2: #9d8199;
  --color-3: #967b91;
  --color-4: #e5969d;
  --color-5: #e8afa8;
}

SCSS

$color-1: #a5adb1;
$color-2: #9d8199;
$color-3: #967b91;
$color-4: #e5969d;
$color-5: #e8afa8;

TAILWIND

colors: {
  'brand-1': '#a5adb1',
  'brand-2': '#9d8199',
  'brand-3': '#967b91',
  'brand-4': '#e5969d',
  'brand-5': '#e8afa8',
}

RGB Array

[165, 173, 177], [157, 129, 153], [150, 123, 145], [229, 150, 157], [232, 175, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A5ADB1, #9D8199, #967B91, #E5969D, #E8AFA8 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a5adb1; --color-2: #9d8199; --color-3: #967b91; --color-4: #e5969d; --color-5: #e8afa8. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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