← Back to Editor

#D2C2CA · #C397B8 · #816E69 · #EBDFD3 · #FDFDE9

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

WorkspaceReadingData Visualization

Color Details Color Details

#D2C2CA

Rouge · LightGray · Cherry Blossom

HEX
#D2C2CA
RGB
rgb(210, 194, 202)
HSL
hsl(330, 15%, 79%)
HSB
hsb(330, 8%, 82%)
CMYK
cmyk(0%, 8%, 4%, 18%)
Oklch
oklch(83.0% 0.021 345.8)

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

#C397B8

Mauve · DarkGray · Lilac Purple

HEX
#C397B8
RGB
rgb(195, 151, 184)
HSL
hsl(315, 27%, 68%)
HSB
hsb(315, 23%, 76%)
CMYK
cmyk(0%, 23%, 6%, 24%)
Oklch
oklch(72.8% 0.069 335.4)

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

#816E69

Crimson · DimGray · Passion Red

HEX
#816E69
RGB
rgb(129, 110, 105)
HSL
hsl(13, 10%, 46%)
HSB
hsb(13, 19%, 51%)
CMYK
cmyk(0%, 15%, 19%, 49%)
Oklch
oklch(55.5% 0.025 35.1)

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

#EBDFD3

Goose Yellow · Bisque · Peach Orange

HEX
#EBDFD3
RGB
rgb(235, 223, 211)
HSL
hsl(30, 37%, 87%)
HSB
hsb(30, 10%, 92%)
CMYK
cmyk(0%, 5%, 10%, 8%)
Oklch
oklch(91.0% 0.021 67.6)

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

#FDFDE9

Fresh Green · LightYellow · Lemon Cream

HEX
#FDFDE9
RGB
rgb(253, 253, 233)
HSL
hsl(60, 83%, 95%)
HSB
hsb(60, 8%, 99%)
CMYK
cmyk(0%, 0%, 8%, 1%)
Oklch
oklch(98.9% 0.026 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2C2CA
C1D1C9

Analogous

D1C1D1
D2C2CA
D1C1C1

Triadic

D2C2CA
C9D1C1
C1C9D1

Split-Comp.

D2C2CA
C1D1C1
C1D1D1

Tetradic

D2C2CA
D1D1C1
C1D1C9
C1C1D1

Contrast Matrix WCAG 2.1 Contrast

D2C2CA
C397B8
816E69
EBDFD3
FDFDE9
—
1.5
Fail
2.8
Fail
1.3
Fail
1.7
Fail
1.5
Fail
—
1.9
Fail
1.9
Fail
2.4
Fail
2.8
Fail
1.9
Fail
—
3.7
AA Large
4.7
AA
1.3
Fail
1.9
Fail
3.7
AA Large
—
1.3
Fail
1.7
Fail
2.4
Fail
4.7
AA
1.3
Fail
—
White BG
1.7Fail
2.5Fail
4.8AA
1.3Fail
1.0Fail
Black BG
12.3AAA
8.4AAA
4.4AA Large
16.0AAA
20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBC8
B0B0B0
79796A
E6E6D6
FDFDEE

Deuteranopia

CCCDC8
B3B6AE
7A7B6B
E7E7D7
FDFDEF

Tritanopia

D1C7C6
C1AAA8
806B6B
EAD8D9
FDF2F3

Achromatopsia

C8C8C8
A8A8A8
737373
E1E1E1
FBFBFB

Shades & Tints Shades & Tints

#D2C2CA

Dark
Light

#C397B8

Dark
Light

#816E69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2c2ca;
  --color-2: #c397b8;
  --color-3: #816e69;
  --color-4: #ebdfd3;
  --color-5: #fdfde9;
}

SCSS

$color-1: #d2c2ca;
$color-2: #c397b8;
$color-3: #816e69;
$color-4: #ebdfd3;
$color-5: #fdfde9;

TAILWIND

colors: {
  'brand-1': '#d2c2ca',
  'brand-2': '#c397b8',
  'brand-3': '#816e69',
  'brand-4': '#ebdfd3',
  'brand-5': '#fdfde9',
}

RGB Array

[210, 194, 202], [195, 151, 184], [129, 110, 105], [235, 223, 211], [253, 253, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2C2CA, #C397B8, #816E69, #EBDFD3, #FDFDE9 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d2c2ca; --color-2: #c397b8; --color-3: #816e69; --color-4: #ebdfd3; --color-5: #fdfde9. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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