← Back to Editor

#E2B8AE · #D0ACBB · #ADA1A6 · #A6A6B3 · #A0ACB0

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

#E2B8AE

Peach Pink · LightPink · Coral Red

HEX
#E2B8AE
RGB
rgb(226, 184, 174)
HSL
hsl(12, 47%, 78%)
HSB
hsb(12, 23%, 89%)
CMYK
cmyk(0%, 19%, 23%, 11%)
Oklch
oklch(81.7% 0.051 33.6)

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

#D0ACBB

Rouge · Silver · Rose Pink

HEX
#D0ACBB
RGB
rgb(208, 172, 187)
HSL
hsl(335, 28%, 75%)
HSB
hsb(335, 17%, 82%)
CMYK
cmyk(0%, 17%, 10%, 18%)
Oklch
oklch(78.1% 0.046 351.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#ADA1A6

Ash · DarkGray · Silver Sand

HEX
#ADA1A6
RGB
rgb(173, 161, 166)
HSL
hsl(335, 7%, 65%)
HSB
hsb(335, 7%, 68%)
CMYK
cmyk(0%, 7%, 4%, 32%)
Oklch
oklch(72.1% 0.016 350.3)

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

#A6A6B3

Wisteria · DarkGray · Silver Sand

HEX
#A6A6B3
RGB
rgb(166, 166, 179)
HSL
hsl(240, 8%, 68%)
HSB
hsb(240, 7%, 70%)
CMYK
cmyk(7%, 7%, 0%, 30%)
Oklch
oklch(72.9% 0.019 285.9)

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

#A0ACB0

Sky Blue · DarkGray · Silver Sand

HEX
#A0ACB0
RGB
rgb(160, 172, 176)
HSL
hsl(195, 9%, 66%)
HSB
hsb(195, 9%, 69%)
CMYK
cmyk(9%, 2%, 0%, 31%)
Oklch
oklch(73.6% 0.015 219.7)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2B8AE
ADD7E1

Analogous

E1ADBC
E2B8AE
E1D1AD

Triadic

E2B8AE
ADE1B7
B7ADE1

Split-Comp.

E2B8AE
ADE1D1
ADBCE1

Tetradic

E2B8AE
BCE1AD
ADD7E1
D1ADE1

Contrast Matrix WCAG 2.1 Contrast

E2B8AE
D0ACBB
ADA1A6
A6A6B3
A0ACB0
—
1.1
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
White BG
1.8Fail
2.0Fail
2.5Fail
2.4Fail
2.3Fail
Black BG
11.7AAA
10.3AAA
8.4AAA
8.7AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFB0
C0C0B7
A8A8A5
A6A6B0
A5A5AF

Deuteranopia

D2D5B1
C3C5B7
A9A9A5
A6A6AF
A5A4AF

Tritanopia

E0B2B3
CEB5B4
ACA4A4
A6ADAD
A1AEAE

Achromatopsia

C3C3C3
B8B8B8
A5A5A5
A7A7A7
A9A9A9

Shades & Tints Shades & Tints

#E2B8AE

Dark
Light

#D0ACBB

Dark
Light

#ADA1A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2b8ae;
  --color-2: #d0acbb;
  --color-3: #ada1a6;
  --color-4: #a6a6b3;
  --color-5: #a0acb0;
}

SCSS

$color-1: #e2b8ae;
$color-2: #d0acbb;
$color-3: #ada1a6;
$color-4: #a6a6b3;
$color-5: #a0acb0;

TAILWIND

colors: {
  'brand-1': '#e2b8ae',
  'brand-2': '#d0acbb',
  'brand-3': '#ada1a6',
  'brand-4': '#a6a6b3',
  'brand-5': '#a0acb0',
}

RGB Array

[226, 184, 174], [208, 172, 187], [173, 161, 166], [166, 166, 179], [160, 172, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2B8AE, #D0ACBB, #ADA1A6, #A6A6B3, #A0ACB0 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: #e2b8ae; --color-2: #d0acbb; --color-3: #ada1a6; --color-4: #a6a6b3; --color-5: #a0acb0. 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