← Back to Editor

#A8A8C0 · #C0C0D8 · #D8C0D8 · #F0D8F0 · #F0F0F0

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

#A8A8C0

Wisteria · DarkGray · Cobalt Blue

HEX
#A8A8C0
RGB
rgb(168, 168, 192)
HSL
hsl(240, 16%, 71%)
HSB
hsb(240, 13%, 75%)
CMYK
cmyk(13%, 13%, 0%, 25%)
Oklch
oklch(73.9% 0.034 285.5)

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

#C0C0D8

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#C0C0D8
RGB
rgb(192, 192, 216)
HSL
hsl(240, 24%, 80%)
HSB
hsb(240, 11%, 85%)
CMYK
cmyk(11%, 11%, 0%, 15%)
Oklch
oklch(81.5% 0.033 285.6)

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

#D8C0D8

Mauve · LightGray · Lilac Purple

HEX
#D8C0D8
RGB
rgb(216, 192, 216)
HSL
hsl(300, 24%, 80%)
HSB
hsb(300, 11%, 85%)
CMYK
cmyk(0%, 11%, 0%, 15%)
Oklch
oklch(83.5% 0.042 325.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F0D8F0

Mauve · Lavender · Lavender

HEX
#F0D8F0
RGB
rgb(240, 216, 240)
HSL
hsl(300, 44%, 89%)
HSB
hsb(300, 10%, 94%)
CMYK
cmyk(0%, 10%, 0%, 6%)
Oklch
oklch(90.9% 0.041 325.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#F0F0F0

Plain White · Linen · Cloud White

HEX
#F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
HSB
hsb(0, 0%, 94%)
CMYK
cmyk(0%, 0%, 0%, 6%)
Oklch
oklch(95.5% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8A8C0
C1C1A9

Analogous

A9B5C1
A8A8C0
B5A9C1

Triadic

A8A8C0
C1A9A9
A9C1A9

Split-Comp.

A8A8C0
C1B5A9
B5C1A9

Tetradic

A8A8C0
C1A9B5
C1C1A9
A9C1B5

Contrast Matrix WCAG 2.1 Contrast

A8A8C0
C0C0D8
D8C0D8
F0D8F0
F0F0F0
—
1.3
Fail
1.4
Fail
1.7
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
White BG
2.3Fail
1.8Fail
1.7Fail
1.3Fail
1.1Fail
Black BG
9.0AAA
11.8AAA
12.5AAA
15.8AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8BA
C0C0D2
CECDD2
E6E5EA
F0F0F0

Deuteranopia

A8A8B9
C0C0D1
CFD1D1
E7E9E9
F0F0F0

Tritanopia

A8B6B5
C0CECD
D7CECD
EFE6E5
F0F0F0

Achromatopsia

ABABAB
C3C3C3
CACACA
E2E2E2
F0F0F0

Shades & Tints Shades & Tints

#A8A8C0

Dark
Light

#C0C0D8

Dark
Light

#D8C0D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8a8c0;
  --color-2: #c0c0d8;
  --color-3: #d8c0d8;
  --color-4: #f0d8f0;
  --color-5: #f0f0f0;
}

SCSS

$color-1: #a8a8c0;
$color-2: #c0c0d8;
$color-3: #d8c0d8;
$color-4: #f0d8f0;
$color-5: #f0f0f0;

TAILWIND

colors: {
  'brand-1': '#a8a8c0',
  'brand-2': '#c0c0d8',
  'brand-3': '#d8c0d8',
  'brand-4': '#f0d8f0',
  'brand-5': '#f0f0f0',
}

RGB Array

[168, 168, 192], [192, 192, 216], [216, 192, 216], [240, 216, 240], [240, 240, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A8A8C0, #C0C0D8, #D8C0D8, #F0D8F0, #F0F0F0 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: #a8a8c0; --color-2: #c0c0d8; --color-3: #d8c0d8; --color-4: #f0d8f0; --color-5: #f0f0f0. 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