← Back to Editor

#8E85AB · #AA9DB3 · #DED7D3 · #F7F1E4 · #ABC7C9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8E85AB

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8E85AB
RGB
rgb(142, 133, 171)
HSL
hsl(254, 18%, 60%)
HSB
hsb(254, 22%, 67%)
CMYK
cmyk(17%, 22%, 0%, 33%)
Oklch
oklch(63.8% 0.057 295.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#AA9DB3

Lilac · DarkGray · Lilac Purple

HEX
#AA9DB3
RGB
rgb(170, 157, 179)
HSL
hsl(275, 13%, 66%)
HSB
hsb(275, 12%, 70%)
CMYK
cmyk(5%, 12%, 0%, 30%)
Oklch
oklch(71.4% 0.035 311.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#DED7D3

Apricot · LightGray · Peach Orange

HEX
#DED7D3
RGB
rgb(222, 215, 211)
HSL
hsl(22, 14%, 85%)
HSB
hsb(22, 5%, 87%)
CMYK
cmyk(0%, 3%, 5%, 13%)
Oklch
oklch(88.4% 0.009 52.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7F1E4

Goose Yellow · Linen · Lemon Cream

HEX
#F7F1E4
RGB
rgb(247, 241, 228)
HSL
hsl(41, 54%, 93%)
HSB
hsb(41, 8%, 97%)
CMYK
cmyk(0%, 2%, 8%, 3%)
Oklch
oklch(95.9% 0.018 86.1)

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

#ABC7C9

Sky Blue · LightSteelBlue · Lake Green

HEX
#ABC7C9
RGB
rgb(171, 199, 201)
HSL
hsl(184, 22%, 73%)
HSB
hsb(184, 15%, 79%)
CMYK
cmyk(15%, 1%, 0%, 21%)
Oklch
oklch(81.0% 0.030 201.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E85AB
A3AB87

Analogous

8790AB
8E85AB
A287AB

Triadic

8E85AB
AB8F87
87AB8F

Split-Comp.

8E85AB
ABA287
90AB87

Tetradic

8E85AB
AB8790
A3AB87
87ABA2

Contrast Matrix WCAG 2.1 Contrast

8E85AB
AA9DB3
DED7D3
F7F1E4
ABC7C9
—
1.3
Fail
2.4
Fail
3.1
AA Large
1.9
Fail
1.3
Fail
—
1.8
Fail
2.3
Fail
1.4
Fail
2.4
Fail
1.8
Fail
—
1.3
Fail
1.3
Fail
3.1
AA Large
2.3
Fail
1.3
Fail
—
1.6
Fail
1.9
Fail
1.4
Fail
1.3
Fail
1.6
Fail
—
White BG
3.4AA Large
2.6Fail
1.4Fail
1.1Fail
1.8Fail
Black BG
6.1AA
8.2AAA
14.8AAA
18.7AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8AA2
A4A4AE
DBDBD4
F4F4E7
B7B7C9

Deuteranopia

8B8BA0
A5A6AC
DBDCD4
F5F5E8
B6B3C8

Tritanopia

8E9B99
A9A9A9
DED5D5
F7EAEA
ACC8C8

Achromatopsia

8C8C8C
A3A3A3
D9D9D9
F1F1F1
BFBFBF

Shades & Tints Shades & Tints

#8E85AB

Dark
Light

#AA9DB3

Dark
Light

#DED7D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e85ab;
  --color-2: #aa9db3;
  --color-3: #ded7d3;
  --color-4: #f7f1e4;
  --color-5: #abc7c9;
}

SCSS

$color-1: #8e85ab;
$color-2: #aa9db3;
$color-3: #ded7d3;
$color-4: #f7f1e4;
$color-5: #abc7c9;

TAILWIND

colors: {
  'brand-1': '#8e85ab',
  'brand-2': '#aa9db3',
  'brand-3': '#ded7d3',
  'brand-4': '#f7f1e4',
  'brand-5': '#abc7c9',
}

RGB Array

[142, 133, 171], [170, 157, 179], [222, 215, 211], [247, 241, 228], [171, 199, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E85AB, #AA9DB3, #DED7D3, #F7F1E4, #ABC7C9 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: #8e85ab; --color-2: #aa9db3; --color-3: #ded7d3; --color-4: #f7f1e4; --color-5: #abc7c9. 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 general-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