← Back to Editor

#816D7D · #B6A9A1 · #E4DCC3 · #DBBAC8 · #9D9EB5

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

#816D7D

Rose Purple · Gray · Warm Gray

HEX
#816D7D
RGB
rgb(129, 109, 125)
HSL
hsl(312, 8%, 47%)
HSB
hsb(312, 16%, 51%)
CMYK
cmyk(0%, 16%, 3%, 49%)
Oklch
oklch(55.9% 0.034 332.9)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#B6A9A1

Apricot · DarkGray · Warm Sun

HEX
#B6A9A1
RGB
rgb(182, 169, 161)
HSL
hsl(23, 13%, 67%)
HSB
hsb(23, 12%, 71%)
CMYK
cmyk(0%, 7%, 12%, 29%)
Oklch
oklch(74.4% 0.019 53.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E4DCC3

Goose Yellow · Wheat · Lemon Cream

HEX
#E4DCC3
RGB
rgb(228, 220, 195)
HSL
hsl(45, 38%, 83%)
HSB
hsb(45, 14%, 89%)
CMYK
cmyk(0%, 4%, 14%, 11%)
Oklch
oklch(89.4% 0.034 92.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DBBAC8

Rouge · LightGray · Cherry Blossom

HEX
#DBBAC8
RGB
rgb(219, 186, 200)
HSL
hsl(335, 31%, 79%)
HSB
hsb(335, 15%, 86%)
CMYK
cmyk(0%, 15%, 9%, 14%)
Oklch
oklch(82.1% 0.042 350.6)

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

#9D9EB5

Azure · DarkGray · Cobalt Blue

HEX
#9D9EB5
RGB
rgb(157, 158, 181)
HSL
hsl(238, 14%, 66%)
HSB
hsb(238, 13%, 71%)
CMYK
cmyk(13%, 13%, 0%, 29%)
Oklch
oklch(70.6% 0.033 283.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

816D7D
6E8172

Analogous

7C6E81
816D7D
816E74

Triadic

816D7D
7E816E
6E7E81

Split-Comp.

816D7D
74816E
6E817C

Tetradic

816D7D
817C6E
6E8172
6E7481

Contrast Matrix WCAG 2.1 Contrast

816D7D
B6A9A1
E4DCC3
DBBAC8
9D9EB5
—
2.1
Fail
3.5
AA Large
2.7
Fail
1.8
Fail
2.1
Fail
—
1.7
Fail
1.3
Fail
1.1
Fail
3.5
AA Large
1.7
Fail
—
1.3
Fail
1.9
Fail
2.7
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
1.9
Fail
1.5
Fail
—
White BG
4.8AA
2.3Fail
1.4Fail
1.8Fail
2.6Fail
Black BG
4.4AA Large
9.2AAA
15.3AAA
11.9AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787879
B0B0A3
E1E0C9
CDCCC5
9D9DAF

Deuteranopia

7A7B78
B1B2A3
E1E2CB
CFD1C4
9D9DAE

Tritanopia

807675
B5A4A5
E4CECF
D9C2C1
9DABAA

Achromatopsia

757575
ACACAC
DCDCDC
C5C5C5
A0A0A0

Shades & Tints Shades & Tints

#816D7D

Dark
Light

#B6A9A1

Dark
Light

#E4DCC3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #816d7d;
  --color-2: #b6a9a1;
  --color-3: #e4dcc3;
  --color-4: #dbbac8;
  --color-5: #9d9eb5;
}

SCSS

$color-1: #816d7d;
$color-2: #b6a9a1;
$color-3: #e4dcc3;
$color-4: #dbbac8;
$color-5: #9d9eb5;

TAILWIND

colors: {
  'brand-1': '#816d7d',
  'brand-2': '#b6a9a1',
  'brand-3': '#e4dcc3',
  'brand-4': '#dbbac8',
  'brand-5': '#9d9eb5',
}

RGB Array

[129, 109, 125], [182, 169, 161], [228, 220, 195], [219, 186, 200], [157, 158, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #816D7D, #B6A9A1, #E4DCC3, #DBBAC8, #9D9EB5 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: #816d7d; --color-2: #b6a9a1; --color-3: #e4dcc3; --color-4: #dbbac8; --color-5: #9d9eb5. 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