← Back to Editor

#E6D6D1 · #C5C7A7 · #AAB3B1 · #B3949F · #B88195

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

#E6D6D1

Peach Pink · LightGray · Cherry Blossom

HEX
#E6D6D1
RGB
rgb(230, 214, 209)
HSL
hsl(14, 30%, 86%)
HSB
hsb(14, 9%, 90%)
CMYK
cmyk(0%, 7%, 9%, 10%)
Oklch
oklch(88.8% 0.019 38.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C5C7A7

Fresh Green · Silver · Sunflower

HEX
#C5C7A7
RGB
rgb(197, 199, 167)
HSL
hsl(64, 22%, 72%)
HSB
hsb(64, 16%, 78%)
CMYK
cmyk(1%, 0%, 16%, 22%)
Oklch
oklch(82.0% 0.043 110.3)

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

#AAB3B1

Ash · DarkGray · Silver Sand

HEX
#AAB3B1
RGB
rgb(170, 179, 177)
HSL
hsl(167, 6%, 68%)
HSB
hsb(167, 5%, 70%)
CMYK
cmyk(5%, 0%, 1%, 30%)
Oklch
oklch(75.9% 0.010 181.3)

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

#B3949F

Rouge · DarkGray · Rose Pink

HEX
#B3949F
RGB
rgb(179, 148, 159)
HSL
hsl(339, 17%, 64%)
HSB
hsb(339, 17%, 70%)
CMYK
cmyk(0%, 17%, 11%, 30%)
Oklch
oklch(69.8% 0.040 354.9)

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

#B88195

Rouge · DarkGray · Rose Pink

HEX
#B88195
RGB
rgb(184, 129, 149)
HSL
hsl(338, 28%, 61%)
HSB
hsb(338, 30%, 72%)
CMYK
cmyk(0%, 30%, 19%, 28%)
Oklch
oklch(66.4% 0.073 355.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D6D1
D1E1E6

Analogous

E6D1D6
E6D6D1
E6E0D1

Triadic

E6D6D1
D1E6D6
D6D1E6

Split-Comp.

E6D6D1
D1E6E0
D1D6E6

Tetradic

E6D6D1
D6E6D1
D1E1E6
E0D1E6

Contrast Matrix WCAG 2.1 Contrast

E6D6D1
C5C7A7
AAB3B1
B3949F
B88195
—
1.2
Fail
1.5
Fail
1.9
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.3
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.4Fail
1.7Fail
2.1Fail
2.7Fail
3.2AA Large
Black BG
14.9AAA
12.1AAA
9.8AAA
7.7AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFD2
C6C6AF
AEAEB1
A6A59C
A0A090

Deuteranopia

E0E1D3
C6C6B1
ADADB2
A7AA9C
A3A78F

Tritanopia

E5D3D3
C5B5B6
AAB2B2
B19A9A
B58C8C

Achromatopsia

DADADA
C3C3C3
B0B0B0
9F9F9F
949494

Shades & Tints Shades & Tints

#E6D6D1

Dark
Light

#C5C7A7

Dark
Light

#AAB3B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d6d1;
  --color-2: #c5c7a7;
  --color-3: #aab3b1;
  --color-4: #b3949f;
  --color-5: #b88195;
}

SCSS

$color-1: #e6d6d1;
$color-2: #c5c7a7;
$color-3: #aab3b1;
$color-4: #b3949f;
$color-5: #b88195;

TAILWIND

colors: {
  'brand-1': '#e6d6d1',
  'brand-2': '#c5c7a7',
  'brand-3': '#aab3b1',
  'brand-4': '#b3949f',
  'brand-5': '#b88195',
}

RGB Array

[230, 214, 209], [197, 199, 167], [170, 179, 177], [179, 148, 159], [184, 129, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D6D1, #C5C7A7, #AAB3B1, #B3949F, #B88195 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: #e6d6d1; --color-2: #c5c7a7; --color-3: #aab3b1; --color-4: #b3949f; --color-5: #b88195. 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