← Back to Editor

#CFB0CA · #D7C8D2 · #DEE0DA · #E8E6D9 · #F2ECD7

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

#CFB0CA

Mauve · Silver · Lilac Purple

HEX
#CFB0CA
RGB
rgb(207, 176, 202)
HSL
hsl(310, 24%, 75%)
HSB
hsb(310, 15%, 81%)
CMYK
cmyk(0%, 15%, 2%, 19%)
Oklch
oklch(79.2% 0.050 331.5)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D7C8D2

Mauve · LightGray · Cherry Blossom

HEX
#D7C8D2
RGB
rgb(215, 200, 210)
HSL
hsl(320, 16%, 81%)
HSB
hsb(320, 7%, 84%)
CMYK
cmyk(0%, 7%, 2%, 16%)
Oklch
oklch(84.8% 0.021 337.8)

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

#DEE0DA

Willow Green · LightGray · Cloud White

HEX
#DEE0DA
RGB
rgb(222, 224, 218)
HSL
hsl(80, 9%, 87%)
HSB
hsb(80, 3%, 88%)
CMYK
cmyk(1%, 0%, 3%, 12%)
Oklch
oklch(90.3% 0.008 121.6)

Traditional「Willow Green」· Paint「Cloud White」· Creative Silver Lining

#E8E6D9

Fresh Green · Beige · Lemon Cream

HEX
#E8E6D9
RGB
rgb(232, 230, 217)
HSL
hsl(52, 25%, 88%)
HSB
hsb(52, 6%, 91%)
CMYK
cmyk(0%, 1%, 6%, 9%)
Oklch
oklch(92.3% 0.017 99.6)

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

#F2ECD7

Goose Yellow · Beige · Lemon Cream

HEX
#F2ECD7
RGB
rgb(242, 236, 215)
HSL
hsl(47, 51%, 90%)
HSB
hsb(47, 11%, 95%)
CMYK
cmyk(0%, 2%, 11%, 5%)
Oklch
oklch(94.2% 0.028 93.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFB0CA
B0CFB5

Analogous

C4B0CF
CFB0CA
CFB0BA

Triadic

CFB0CA
C9CFB0
B0C9CF

Split-Comp.

CFB0CA
BACFB0
B0CFC4

Tetradic

CFB0CA
CFC4B0
B0CFB5
B0BACF

Contrast Matrix WCAG 2.1 Contrast

CFB0CA
D7C8D2
DEE0DA
E8E6D9
F2ECD7
—
1.2
Fail
1.5
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
2.0Fail
1.6Fail
1.3Fail
1.3Fail
1.2Fail
Black BG
10.7AAA
13.1AAA
15.8AAA
16.8AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C1C4
D1D0D0
DFDFDB
E7E7DC
EFEFDC

Deuteranopia

C3C6C2
D1D3CF
DFDFDC
E7E7DD
F0F0DD

Tritanopia

CDBFBE
D6CECD
DEDDDD
E8DFDF
F2E0E1

Achromatopsia

BCBCBC
CECECE
DFDFDF
E5E5E5
EBEBEB

Shades & Tints Shades & Tints

#CFB0CA

Dark
Light

#D7C8D2

Dark
Light

#DEE0DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfb0ca;
  --color-2: #d7c8d2;
  --color-3: #dee0da;
  --color-4: #e8e6d9;
  --color-5: #f2ecd7;
}

SCSS

$color-1: #cfb0ca;
$color-2: #d7c8d2;
$color-3: #dee0da;
$color-4: #e8e6d9;
$color-5: #f2ecd7;

TAILWIND

colors: {
  'brand-1': '#cfb0ca',
  'brand-2': '#d7c8d2',
  'brand-3': '#dee0da',
  'brand-4': '#e8e6d9',
  'brand-5': '#f2ecd7',
}

RGB Array

[207, 176, 202], [215, 200, 210], [222, 224, 218], [232, 230, 217], [242, 236, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFB0CA, #D7C8D2, #DEE0DA, #E8E6D9, #F2ECD7 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: #cfb0ca; --color-2: #d7c8d2; --color-3: #dee0da; --color-4: #e8e6d9; --color-5: #f2ecd7. 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