← Back to Editor

#AA9FA6 · #DFA4C5 · #CBB7B7 · #CED1BC · #DFE4D4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AA9FA6

Ash · DarkGray · Silver Sand

HEX
#AA9FA6
RGB
rgb(170, 159, 166)
HSL
hsl(322, 6%, 65%)
HSB
hsb(322, 6%, 67%)
CMYK
cmyk(0%, 6%, 2%, 33%)
Oklch
oklch(71.4% 0.016 339.1)

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

#DFA4C5

Mauve · LightPink · Cherry Blossom

HEX
#DFA4C5
RGB
rgb(223, 164, 197)
HSL
hsl(326, 48%, 76%)
HSB
hsb(326, 26%, 87%)
CMYK
cmyk(0%, 26%, 12%, 13%)
Oklch
oklch(78.4% 0.081 344.5)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#CBB7B7

Peach Pink · Silver · Coral Red

HEX
#CBB7B7
RGB
rgb(203, 183, 183)
HSL
hsl(0, 16%, 76%)
HSB
hsb(0, 10%, 80%)
CMYK
cmyk(0%, 10%, 10%, 20%)
Oklch
oklch(79.6% 0.023 17.6)

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

#CED1BC

Fresh Green · Silver · Lemon Cream

HEX
#CED1BC
RGB
rgb(206, 209, 188)
HSL
hsl(69, 19%, 78%)
HSB
hsb(69, 10%, 82%)
CMYK
cmyk(1%, 0%, 10%, 18%)
Oklch
oklch(85.3% 0.029 113.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#DFE4D4

Willow Green · LightGray · Mint Green

HEX
#DFE4D4
RGB
rgb(223, 228, 212)
HSL
hsl(79, 23%, 86%)
HSB
hsb(79, 7%, 89%)
CMYK
cmyk(2%, 0%, 7%, 11%)
Oklch
oklch(91.1% 0.022 121.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA9FA6
A0ABA4

Analogous

AAA0AB
AA9FA6
ABA0A2

Triadic

AA9FA6
A7ABA0
A0A7AB

Split-Comp.

AA9FA6
A2ABA0
A0ABAA

Tetradic

AA9FA6
ABAAA0
A0ABA4
A0A2AB

Contrast Matrix WCAG 2.1 Contrast

AA9FA6
DFA4C5
CBB7B7
CED1BC
DFE4D4
—
1.2
Fail
1.3
Fail
1.6
Fail
2.0
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
White BG
2.6Fail
2.0Fail
1.9Fail
1.6Fail
1.3Fail
Black BG
8.2AAA
10.3AAA
11.0AAA
13.5AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5A4
C5C5BD
C2C2B7
CFCFC1
E1E1D8

Deuteranopia

A6A7A4
C9CDBB
C4C5B7
CFCFC2
E1E1D9

Tritanopia

A9A3A3
DCB7B5
CAB7B7
CEC5C6
DFDBDC

Achromatopsia

A3A3A3
B9B9B9
BDBDBD
CECECE
E1E1E1

Shades & Tints Shades & Tints

#AA9FA6

Dark
Light

#DFA4C5

Dark
Light

#CBB7B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa9fa6;
  --color-2: #dfa4c5;
  --color-3: #cbb7b7;
  --color-4: #ced1bc;
  --color-5: #dfe4d4;
}

SCSS

$color-1: #aa9fa6;
$color-2: #dfa4c5;
$color-3: #cbb7b7;
$color-4: #ced1bc;
$color-5: #dfe4d4;

TAILWIND

colors: {
  'brand-1': '#aa9fa6',
  'brand-2': '#dfa4c5',
  'brand-3': '#cbb7b7',
  'brand-4': '#ced1bc',
  'brand-5': '#dfe4d4',
}

RGB Array

[170, 159, 166], [223, 164, 197], [203, 183, 183], [206, 209, 188], [223, 228, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA9FA6, #DFA4C5, #CBB7B7, #CED1BC, #DFE4D4 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: #aa9fa6; --color-2: #dfa4c5; --color-3: #cbb7b7; --color-4: #ced1bc; --color-5: #dfe4d4. 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