← Back to Editor

#DDC0BA · #C6A4A5 · #573E3A · #F2B7B1 · #FBD3D3

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#DDC0BA

Peach Pink · Silver · Coral Red

HEX
#DDC0BA
RGB
rgb(221, 192, 186)
HSL
hsl(10, 34%, 80%)
HSB
hsb(10, 16%, 87%)
CMYK
cmyk(0%, 13%, 16%, 13%)
Oklch
oklch(83.1% 0.034 31.6)

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

#C6A4A5

Peach Pink · DarkGray · Coral Red

HEX
#C6A4A5
RGB
rgb(198, 164, 165)
HSL
hsl(358, 23%, 71%)
HSB
hsb(358, 17%, 78%)
CMYK
cmyk(0%, 17%, 17%, 22%)
Oklch
oklch(74.9% 0.040 16.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#573E3A

Crimson · DarkOliveGreen · Wine Red

HEX
#573E3A
RGB
rgb(87, 62, 58)
HSL
hsl(8, 20%, 28%)
HSB
hsb(8, 33%, 34%)
CMYK
cmyk(0%, 29%, 33%, 66%)
Oklch
oklch(39.0% 0.036 29.1)

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

#F2B7B1

Peach Pink · LightPink · Cherry Blossom

HEX
#F2B7B1
RGB
rgb(242, 183, 177)
HSL
hsl(6, 71%, 82%)
HSB
hsb(6, 27%, 95%)
CMYK
cmyk(0%, 24%, 27%, 5%)
Oklch
oklch(83.2% 0.069 25.3)

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

#FBD3D3

Peach Pink · Pink · Cherry Blossom

HEX
#FBD3D3
RGB
rgb(251, 211, 211)
HSL
hsl(0, 83%, 91%)
HSB
hsb(0, 16%, 98%)
CMYK
cmyk(0%, 16%, 16%, 2%)
Oklch
oklch(90.1% 0.045 18.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDC0BA
BBD8DD

Analogous

DDBBC6
DDC0BA
DDD2BB

Triadic

DDC0BA
BBDDC0
C0BBDD

Split-Comp.

DDC0BA
BBDDD2
BBC6DD

Tetradic

DDC0BA
C6DDBB
BBD8DD
D2BBDD

Contrast Matrix WCAG 2.1 Contrast

DDC0BA
C6A4A5
573E3A
F2B7B1
FBD3D3
—
1.3
Fail
5.7
AA
1.0
Fail
1.2
Fail
1.3
Fail
—
4.3
AA Large
1.3
Fail
1.7
Fail
5.7
AA
4.3
AA Large
—
5.7
AA
7.1
AAA
1.0
Fail
1.3
Fail
5.7
AA
—
1.3
Fail
1.2
Fail
1.7
Fail
7.1
AAA
1.3
Fail
—
White BG
1.7Fail
2.3Fail
9.7AAA
1.7Fail
1.4Fail
Black BG
12.3AAA
9.3AAA
2.2Fail
12.2AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0BB
B7B7A5
4C4C3B
D8D8B2
EAE9D3

Deuteranopia

D2D4BC
B9BCA5
4E503B
DCE0B3
ECEFD3

Tritanopia

DCBDBD
C4A5A5
563C3C
EFB4B4
F9D3D3

Achromatopsia

C8C8C8
AEAEAE
454545
C8C8C8
DFDFDF

Shades & Tints Shades & Tints

#DDC0BA

Dark
Light

#C6A4A5

Dark
Light

#573E3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddc0ba;
  --color-2: #c6a4a5;
  --color-3: #573e3a;
  --color-4: #f2b7b1;
  --color-5: #fbd3d3;
}

SCSS

$color-1: #ddc0ba;
$color-2: #c6a4a5;
$color-3: #573e3a;
$color-4: #f2b7b1;
$color-5: #fbd3d3;

TAILWIND

colors: {
  'brand-1': '#ddc0ba',
  'brand-2': '#c6a4a5',
  'brand-3': '#573e3a',
  'brand-4': '#f2b7b1',
  'brand-5': '#fbd3d3',
}

RGB Array

[221, 192, 186], [198, 164, 165], [87, 62, 58], [242, 183, 177], [251, 211, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DDC0BA, #C6A4A5, #573E3A, #F2B7B1, #FBD3D3 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: #ddc0ba; --color-2: #c6a4a5; --color-3: #573e3a; --color-4: #f2b7b1; --color-5: #fbd3d3. 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 pastel-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