← Back to Editor

#968190 · #AA9E9F · #B7BBB1 · #C3D7C2 · #D3E8E0

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

#968190

Rose Purple · Gray · Warm Gray

HEX
#968190
RGB
rgb(150, 129, 144)
HSL
hsl(317, 9%, 55%)
HSB
hsb(317, 14%, 59%)
CMYK
cmyk(0%, 14%, 4%, 41%)
Oklch
oklch(62.7% 0.033 336.2)

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

#AA9E9F

Ash · DarkGray · Silver Sand

HEX
#AA9E9F
RGB
rgb(170, 158, 159)
HSL
hsl(355, 7%, 64%)
HSB
hsb(355, 7%, 67%)
CMYK
cmyk(0%, 7%, 6%, 33%)
Oklch
oklch(71.0% 0.014 11.7)

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

#B7BBB1

Silver Gray · Silver · Pearl Gray

HEX
#B7BBB1
RGB
rgb(183, 187, 177)
HSL
hsl(84, 7%, 71%)
HSB
hsb(84, 5%, 73%)
CMYK
cmyk(2%, 0%, 5%, 27%)
Oklch
oklch(78.6% 0.015 124.6)

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

#C3D7C2

Celadon · Silver · Apple Green

HEX
#C3D7C2
RGB
rgb(195, 215, 194)
HSL
hsl(117, 21%, 80%)
HSB
hsb(117, 10%, 84%)
CMYK
cmyk(9%, 0%, 10%, 16%)
Oklch
oklch(85.8% 0.036 143.9)

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

#D3E8E0

Jade · LightGray · Mint Green

HEX
#D3E8E0
RGB
rgb(211, 232, 224)
HSL
hsl(157, 31%, 87%)
HSB
hsb(157, 9%, 91%)
CMYK
cmyk(9%, 0%, 3%, 9%)
Oklch
oklch(91.3% 0.025 170.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

968190
829788

Analogous

928297
968190
978286

Triadic

968190
919782
829197

Split-Comp.

968190
869782
829792

Tetradic

968190
979282
829788
828697

Contrast Matrix WCAG 2.1 Contrast

968190
AA9E9F
B7BBB1
C3D7C2
D3E8E0
—
1.4
Fail
1.8
Fail
2.4
Fail
2.8
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.4
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.8
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
2.6Fail
2.0Fail
1.5Fail
1.3Fail
Black BG
5.8AA
8.1AAA
10.8AAA
13.8AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D8C
A5A59F
B9B9B3
CCCCC7
DCDCE2

Deuteranopia

8E908C
A6A69F
B9B8B4
CBC9C8
DBD9E2

Tritanopia

958A89
A99F9F
B7B5B6
C4CBCC
D4E3E4

Achromatopsia

898989
A2A2A2
B9B9B9
CFCFCF
E1E1E1

Shades & Tints Shades & Tints

#968190

Dark
Light

#AA9E9F

Dark
Light

#B7BBB1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #968190;
  --color-2: #aa9e9f;
  --color-3: #b7bbb1;
  --color-4: #c3d7c2;
  --color-5: #d3e8e0;
}

SCSS

$color-1: #968190;
$color-2: #aa9e9f;
$color-3: #b7bbb1;
$color-4: #c3d7c2;
$color-5: #d3e8e0;

TAILWIND

colors: {
  'brand-1': '#968190',
  'brand-2': '#aa9e9f',
  'brand-3': '#b7bbb1',
  'brand-4': '#c3d7c2',
  'brand-5': '#d3e8e0',
}

RGB Array

[150, 129, 144], [170, 158, 159], [183, 187, 177], [195, 215, 194], [211, 232, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #968190, #AA9E9F, #B7BBB1, #C3D7C2, #D3E8E0 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: #968190; --color-2: #aa9e9f; --color-3: #b7bbb1; --color-4: #c3d7c2; --color-5: #d3e8e0. 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