← Back to Editor

#AA5069 · #AB6871 · #BA9F98 · #B6BEC1 · #E3DAD5

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

#AA5069

Dark Violet · Sienna · Camellia

HEX
#AA5069
RGB
rgb(170, 80, 105)
HSL
hsl(343, 36%, 49%)
HSB
hsb(343, 53%, 67%)
CMYK
cmyk(0%, 53%, 38%, 33%)
Oklch
oklch(55.0% 0.121 4.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AB6871

Crimson · Gray · Passion Red

HEX
#AB6871
RGB
rgb(171, 104, 113)
HSL
hsl(352, 29%, 54%)
HSB
hsb(352, 39%, 67%)
CMYK
cmyk(0%, 39%, 34%, 33%)
Oklch
oklch(59.3% 0.087 11.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BA9F98

Peach Pink · DarkGray · Coral Red

HEX
#BA9F98
RGB
rgb(186, 159, 152)
HSL
hsl(12, 20%, 66%)
HSB
hsb(12, 18%, 73%)
CMYK
cmyk(0%, 15%, 18%, 27%)
Oklch
oklch(72.4% 0.034 34.9)

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

#B6BEC1

Sky Blue · Silver · Pearl Gray

HEX
#B6BEC1
RGB
rgb(182, 190, 193)
HSL
hsl(196, 8%, 74%)
HSB
hsb(196, 6%, 76%)
CMYK
cmyk(6%, 2%, 0%, 24%)
Oklch
oklch(79.6% 0.010 222.1)

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

#E3DAD5

Apricot · LightGray · Peach Orange

HEX
#E3DAD5
RGB
rgb(227, 218, 213)
HSL
hsl(21, 20%, 86%)
HSB
hsb(21, 6%, 89%)
CMYK
cmyk(0%, 4%, 6%, 11%)
Oklch
oklch(89.4% 0.012 51.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA5069
50AA90

Analogous

AA5096
AA5069
AA6350

Triadic

AA5069
69AA50
5069AA

Split-Comp.

AA5069
50AA63
5096AA

Tetradic

AA5069
96AA50
50AA90
6350AA

Contrast Matrix WCAG 2.1 Contrast

AA5069
AB6871
BA9F98
B6BEC1
E3DAD5
—
1.2
Fail
2.1
Fail
2.7
Fail
3.8
AA Large
1.2
Fail
—
1.7
Fail
2.2
Fail
3.1
AA Large
2.1
Fail
1.7
Fail
—
1.3
Fail
1.8
Fail
2.7
Fail
2.2
Fail
1.3
Fail
—
1.4
Fail
3.8
AA Large
3.1
AA Large
1.8
Fail
1.4
Fail
—
White BG
5.2AA
4.2AA Large
2.5Fail
1.9Fail
1.4Fail
Black BG
4.1AA Large
5.0AA
8.5AAA
11.1AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838263
8E8D6F
AEAE9A
B9BAC0
DFDFD6

Deuteranopia

888F62
92976E
B0B29A
B9B8C0
E0E0D7

Tritanopia

A65E5D
A86D6D
B99B9B
B6C0C0
E3D7D7

Achromatopsia

6E6E6E
7D7D7D
A6A6A6
BCBCBC
DCDCDC

Shades & Tints Shades & Tints

#AA5069

Dark
Light

#AB6871

Dark
Light

#BA9F98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa5069;
  --color-2: #ab6871;
  --color-3: #ba9f98;
  --color-4: #b6bec1;
  --color-5: #e3dad5;
}

SCSS

$color-1: #aa5069;
$color-2: #ab6871;
$color-3: #ba9f98;
$color-4: #b6bec1;
$color-5: #e3dad5;

TAILWIND

colors: {
  'brand-1': '#aa5069',
  'brand-2': '#ab6871',
  'brand-3': '#ba9f98',
  'brand-4': '#b6bec1',
  'brand-5': '#e3dad5',
}

RGB Array

[170, 80, 105], [171, 104, 113], [186, 159, 152], [182, 190, 193], [227, 218, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA5069, #AB6871, #BA9F98, #B6BEC1, #E3DAD5 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: #aa5069; --color-2: #ab6871; --color-3: #ba9f98; --color-4: #b6bec1; --color-5: #e3dad5. 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