← Back to Editor

#FDDCB1 · #D3C9A6 · #D98295 · #D44F84 · #853E78

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

#FDDCB1

Goose Yellow · Wheat · Peach Orange

HEX
#FDDCB1
RGB
rgb(253, 220, 177)
HSL
hsl(34, 95%, 84%)
HSB
hsb(34, 30%, 99%)
CMYK
cmyk(0%, 13%, 30%, 1%)
Oklch
oklch(91.2% 0.067 74.1)

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

#D3C9A6

Goose Yellow · Silver · Sunflower

HEX
#D3C9A6
RGB
rgb(211, 201, 166)
HSL
hsl(47, 34%, 74%)
HSB
hsb(47, 21%, 83%)
CMYK
cmyk(0%, 5%, 21%, 17%)
Oklch
oklch(83.5% 0.048 93.9)

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

#D98295

Peach Pink · LightCoral · Coral Red

HEX
#D98295
RGB
rgb(217, 130, 149)
HSL
hsl(347, 53%, 68%)
HSB
hsb(347, 40%, 85%)
CMYK
cmyk(0%, 40%, 31%, 15%)
Oklch
oklch(70.4% 0.109 6.1)

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

#D44F84

Dark Violet · LightCoral · Rose Pink

HEX
#D44F84
RGB
rgb(212, 79, 132)
HSL
hsl(336, 61%, 57%)
HSB
hsb(336, 63%, 83%)
CMYK
cmyk(0%, 63%, 38%, 17%)
Oklch
oklch(62.0% 0.174 358.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#853E78

Rose Purple · DimGray · Eggplant

HEX
#853E78
RGB
rgb(133, 62, 120)
HSL
hsl(311, 36%, 38%)
HSB
hsb(311, 53%, 52%)
CMYK
cmyk(0%, 53%, 10%, 48%)
Oklch
oklch(47.7% 0.123 334.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDDCB1
AFD1FD

Analogous

FDB5AF
FDDCB1
F8FDAF

Triadic

FDDCB1
AFFDDB
DBAFFD

Split-Comp.

FDDCB1
AFF8FD
B5AFFD

Tetradic

FDDCB1
AFFDB5
AFD1FD
FDAFF8

Contrast Matrix WCAG 2.1 Contrast

FDDCB1
D3C9A6
D98295
D44F84
853E78
—
1.3
Fail
2.1
Fail
3.1
AA Large
5.4
AA
1.3
Fail
—
1.7
Fail
2.4
Fail
4.3
AA Large
2.1
Fail
1.7
Fail
—
1.4
Fail
2.6
Fail
3.1
AA Large
2.4
Fail
1.4
Fail
—
1.8
Fail
5.4
AA
4.3
AA Large
2.6
Fail
1.8
Fail
—
White BG
1.3Fail
1.7Fail
2.8Fail
4.0AA Large
7.1AAA
Black BG
16.0AAA
12.7AAA
7.6AAA
5.3AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEBB
CFCFAE
B3B390
9A9977
66666A

Deuteranopia

F1F3BE
CFD0B1
B8BF8F
A2AC74
6A7067

Tritanopia

FBC4C5
D3B5B7
D58D8C
CD6D6B
815F5C

Achromatopsia

E1E1E1
C8C8C8
9E9E9E
7D7D7D
5A5A5A

Shades & Tints Shades & Tints

#FDDCB1

Dark
Light

#D3C9A6

Dark
Light

#D98295

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fddcb1;
  --color-2: #d3c9a6;
  --color-3: #d98295;
  --color-4: #d44f84;
  --color-5: #853e78;
}

SCSS

$color-1: #fddcb1;
$color-2: #d3c9a6;
$color-3: #d98295;
$color-4: #d44f84;
$color-5: #853e78;

TAILWIND

colors: {
  'brand-1': '#fddcb1',
  'brand-2': '#d3c9a6',
  'brand-3': '#d98295',
  'brand-4': '#d44f84',
  'brand-5': '#853e78',
}

RGB Array

[253, 220, 177], [211, 201, 166], [217, 130, 149], [212, 79, 132], [133, 62, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FDDCB1, #D3C9A6, #D98295, #D44F84, #853E78 is ideal for: 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: #fddcb1; --color-2: #d3c9a6; --color-3: #d98295; --color-4: #d44f84; --color-5: #853e78. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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