← Back to Editor

#CFCEC9 · #DDC0A2 · #BA9F98 · #DDBBB2 · #E2DFDA

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

#CFCEC9

Silver Gray · LightGray · Pearl Gray

HEX
#CFCEC9
RGB
rgb(207, 206, 201)
HSL
hsl(50, 6%, 80%)
HSB
hsb(50, 3%, 81%)
CMYK
cmyk(0%, 0%, 3%, 19%)
Oklch
oklch(85.1% 0.007 97.4)

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

#DDC0A2

Goose Yellow · Tan · Warm Sun

HEX
#DDC0A2
RGB
rgb(221, 192, 162)
HSL
hsl(31, 46%, 75%)
HSB
hsb(31, 27%, 87%)
CMYK
cmyk(0%, 13%, 27%, 13%)
Oklch
oklch(82.5% 0.052 68.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#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

#DDBBB2

Peach Pink · Silver · Coral Red

HEX
#DDBBB2
RGB
rgb(221, 187, 178)
HSL
hsl(13, 39%, 78%)
HSB
hsb(13, 19%, 87%)
CMYK
cmyk(0%, 15%, 19%, 13%)
Oklch
oklch(81.9% 0.041 35.2)

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

#E2DFDA

Goose Yellow · LightGray · Peach Orange

HEX
#E2DFDA
RGB
rgb(226, 223, 218)
HSL
hsl(38, 12%, 87%)
HSB
hsb(38, 4%, 89%)
CMYK
cmyk(0%, 1%, 4%, 11%)
Oklch
oklch(90.5% 0.008 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFCEC9
C9CACF

Analogous

CFCBC9
CFCEC9
CDCFC9

Triadic

CFCEC9
C9CFCE
CEC9CF

Split-Comp.

CFCEC9
C9CDCF
CBC9CF

Tetradic

CFCEC9
C9CFCB
C9CACF
CFC9CD

Contrast Matrix WCAG 2.1 Contrast

CFCEC9
DDC0A2
BA9F98
DDBBB2
E2DFDA
—
1.1
Fail
1.6
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
1.1
Fail
1.0
Fail
1.4
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
1.9
Fail
1.3
Fail
—
White BG
1.6Fail
1.7Fail
2.5Fail
1.8Fail
1.3Fail
Black BG
13.3AAA
12.1AAA
8.5AAA
11.8AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFCA
D0D0A9
AEAE9A
CECEB4
E1E1DB

Deuteranopia

CFCFCB
D2D4AB
B0B29A
D0D3B5
E1E1DC

Tritanopia

CFCBCB
DCAFB0
B99B9B
DBB6B6
E2DCDC

Achromatopsia

CECECE
C5C5C5
A6A6A6
C4C4C4
DFDFDF

Shades & Tints Shades & Tints

#CFCEC9

Dark
Light

#DDC0A2

Dark
Light

#BA9F98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfcec9;
  --color-2: #ddc0a2;
  --color-3: #ba9f98;
  --color-4: #ddbbb2;
  --color-5: #e2dfda;
}

SCSS

$color-1: #cfcec9;
$color-2: #ddc0a2;
$color-3: #ba9f98;
$color-4: #ddbbb2;
$color-5: #e2dfda;

TAILWIND

colors: {
  'brand-1': '#cfcec9',
  'brand-2': '#ddc0a2',
  'brand-3': '#ba9f98',
  'brand-4': '#ddbbb2',
  'brand-5': '#e2dfda',
}

RGB Array

[207, 206, 201], [221, 192, 162], [186, 159, 152], [221, 187, 178], [226, 223, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFCEC9, #DDC0A2, #BA9F98, #DDBBB2, #E2DFDA 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: #cfcec9; --color-2: #ddc0a2; --color-3: #ba9f98; --color-4: #ddbbb2; --color-5: #e2dfda. 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