← Back to Editor

#A8A4A4 · #C6C1C1 · #E0DFE0 · #C0DEF5 · #9DC8E9

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

#A8A4A4

Ash · DarkGray · Silver Sand

HEX
#A8A4A4
RGB
rgb(168, 164, 164)
HSL
hsl(0, 2%, 65%)
HSB
hsb(0, 2%, 66%)
CMYK
cmyk(0%, 2%, 2%, 34%)
Oklch
oklch(72.2% 0.005 17.3)

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

#C6C1C1

Silver Gray · Silver · Pearl Gray

HEX
#C6C1C1
RGB
rgb(198, 193, 193)
HSL
hsl(0, 4%, 77%)
HSB
hsb(0, 3%, 78%)
CMYK
cmyk(0%, 3%, 3%, 22%)
Oklch
oklch(81.5% 0.006 17.3)

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

#E0DFE0

Plain White · LightGray · Cloud White

HEX
#E0DFE0
RGB
rgb(224, 223, 224)
HSL
hsl(300, 2%, 88%)
HSB
hsb(300, 0%, 88%)
CMYK
cmyk(0%, 0%, 0%, 12%)
Oklch
oklch(90.5% 0.002 325.6)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#C0DEF5

Sky Blue · LightBlue · Sky Blue

HEX
#C0DEF5
RGB
rgb(192, 222, 245)
HSL
hsl(206, 73%, 86%)
HSB
hsb(206, 22%, 96%)
CMYK
cmyk(22%, 9%, 0%, 4%)
Oklch
oklch(88.6% 0.045 241.1)

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

#9DC8E9

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#9DC8E9
RGB
rgb(157, 200, 233)
HSL
hsl(206, 63%, 76%)
HSB
hsb(206, 33%, 91%)
CMYK
cmyk(33%, 14%, 0%, 9%)
Oklch
oklch(81.3% 0.065 241.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8A4A4
A4A8A8

Analogous

A8A4A6
A8A4A4
A8A6A4

Triadic

A8A4A4
A4A8A4
A4A4A8

Split-Comp.

A8A4A4
A4A8A6
A4A6A8

Tetradic

A8A4A4
A6A8A4
A4A8A8
A6A4A8

Contrast Matrix WCAG 2.1 Contrast

A8A4A4
C6C1C1
E0DFE0
C0DEF5
9DC8E9
—
1.4
Fail
1.9
Fail
1.8
Fail
1.4
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
1.0
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
White BG
2.5Fail
1.8Fail
1.3Fail
1.4Fail
1.8Fail
Black BG
8.5AAA
11.8AAA
15.8AAA
15.0AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6A4
C4C4C1
E0E0E0
CDCDEF
B0B0E1

Deuteranopia

A7A7A4
C4C5C1
E0E0E0
CBC9EE
ADAADF

Tritanopia

A8A4A4
C6C1C1
E0E0E0
C1EBEA
9FDBD9

Achromatopsia

A5A5A5
C2C2C2
DFDFDF
D8D8D8
BFBFBF

Shades & Tints Shades & Tints

#A8A4A4

Dark
Light

#C6C1C1

Dark
Light

#E0DFE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8a4a4;
  --color-2: #c6c1c1;
  --color-3: #e0dfe0;
  --color-4: #c0def5;
  --color-5: #9dc8e9;
}

SCSS

$color-1: #a8a4a4;
$color-2: #c6c1c1;
$color-3: #e0dfe0;
$color-4: #c0def5;
$color-5: #9dc8e9;

TAILWIND

colors: {
  'brand-1': '#a8a4a4',
  'brand-2': '#c6c1c1',
  'brand-3': '#e0dfe0',
  'brand-4': '#c0def5',
  'brand-5': '#9dc8e9',
}

RGB Array

[168, 164, 164], [198, 193, 193], [224, 223, 224], [192, 222, 245], [157, 200, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A8A4A4, #C6C1C1, #E0DFE0, #C0DEF5, #9DC8E9 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: #a8a4a4; --color-2: #c6c1c1; --color-3: #e0dfe0; --color-4: #c0def5; --color-5: #9dc8e9. 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