← Back to Editor

#80838C · #978DB5 · #A99CAD · #B3A5A2 · #B0B8BF

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

#80838C

Ash · Gray · Warm Gray

HEX
#80838C
RGB
rgb(128, 131, 140)
HSL
hsl(225, 5%, 53%)
HSB
hsb(225, 9%, 55%)
CMYK
cmyk(9%, 6%, 0%, 45%)
Oklch
oklch(61.0% 0.014 271.2)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#978DB5

Wisteria · DarkGray · Cobalt Blue

HEX
#978DB5
RGB
rgb(151, 141, 181)
HSL
hsl(255, 21%, 63%)
HSB
hsb(255, 22%, 71%)
CMYK
cmyk(17%, 22%, 0%, 29%)
Oklch
oklch(66.6% 0.059 296.2)

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

#A99CAD

Lilac · DarkGray · Silver Sand

HEX
#A99CAD
RGB
rgb(169, 156, 173)
HSL
hsl(286, 9%, 65%)
HSB
hsb(286, 10%, 68%)
CMYK
cmyk(2%, 10%, 0%, 32%)
Oklch
oklch(70.9% 0.028 318.2)

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

#B3A5A2

Peach Pink · DarkGray · Coral Red

HEX
#B3A5A2
RGB
rgb(179, 165, 162)
HSL
hsl(11, 10%, 67%)
HSB
hsb(11, 9%, 70%)
CMYK
cmyk(0%, 8%, 9%, 30%)
Oklch
oklch(73.3% 0.017 32.0)

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

#B0B8BF

Sky Blue · Silver · Cobalt Blue

HEX
#B0B8BF
RGB
rgb(176, 184, 191)
HSL
hsl(208, 10%, 72%)
HSB
hsb(208, 8%, 75%)
CMYK
cmyk(8%, 4%, 0%, 25%)
Oklch
oklch(77.8% 0.013 244.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80838C
8D8A81

Analogous

818A8D
80838C
84818D

Triadic

80838C
8D8184
848D81

Split-Comp.

80838C
8D8481
8A8D81

Tetradic

80838C
8D818A
8D8A81
818D84

Contrast Matrix WCAG 2.1 Contrast

80838C
978DB5
A99CAD
B3A5A2
B0B8BF
—
1.2
Fail
1.5
Fail
1.6
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
3.8AA Large
3.1AA Large
2.6Fail
2.4Fail
2.0Fail
Black BG
5.5AA
6.8AA
8.0AAA
8.8AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81818A
9393AB
A3A3A9
ADADA3
B3B4BD

Deuteranopia

818189
9394A9
A4A5A8
AEAFA3
B3B2BD

Tritanopia

808888
97A4A2
A8A6A5
B2A3A3
B0BCBC

Achromatopsia

838383
959595
A2A2A2
A9A9A9
B6B6B6

Shades & Tints Shades & Tints

#80838C

Dark
Light

#978DB5

Dark
Light

#A99CAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80838c;
  --color-2: #978db5;
  --color-3: #a99cad;
  --color-4: #b3a5a2;
  --color-5: #b0b8bf;
}

SCSS

$color-1: #80838c;
$color-2: #978db5;
$color-3: #a99cad;
$color-4: #b3a5a2;
$color-5: #b0b8bf;

TAILWIND

colors: {
  'brand-1': '#80838c',
  'brand-2': '#978db5',
  'brand-3': '#a99cad',
  'brand-4': '#b3a5a2',
  'brand-5': '#b0b8bf',
}

RGB Array

[128, 131, 140], [151, 141, 181], [169, 156, 173], [179, 165, 162], [176, 184, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #80838C, #978DB5, #A99CAD, #B3A5A2, #B0B8BF is ideal for: brand design, premium product pages, magazine layouts. 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: #80838c; --color-2: #978db5; --color-3: #a99cad; --color-4: #b3a5a2; --color-5: #b0b8bf. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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