← Back to Editor

#D9D3C1 · #FFE8CB · #F8C9AA · #F88780 · #A38774

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 PostIllustration

Color Details Color Details

#D9D3C1

Goose Yellow · LightGray · Lemon Cream

HEX
#D9D3C1
RGB
rgb(217, 211, 193)
HSL
hsl(45, 24%, 80%)
HSB
hsb(45, 11%, 85%)
CMYK
cmyk(0%, 3%, 11%, 15%)
Oklch
oklch(86.7% 0.025 91.6)

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

#FFE8CB

Goose Yellow · Bisque · Peach Orange

HEX
#FFE8CB
RGB
rgb(255, 232, 203)
HSL
hsl(33, 100%, 90%)
HSB
hsb(33, 20%, 100%)
CMYK
cmyk(0%, 9%, 20%, 0%)
Oklch
oklch(94.2% 0.046 73.6)

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

#F8C9AA

Apricot · Wheat · Peach Orange

HEX
#F8C9AA
RGB
rgb(248, 201, 170)
HSL
hsl(24, 85%, 82%)
HSB
hsb(24, 31%, 97%)
CMYK
cmyk(0%, 19%, 31%, 3%)
Oklch
oklch(86.9% 0.068 55.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F88780

Peach Pink · LightCoral · Coral Red

HEX
#F88780
RGB
rgb(248, 135, 128)
HSL
hsl(4, 90%, 74%)
HSB
hsb(4, 48%, 97%)
CMYK
cmyk(0%, 46%, 48%, 3%)
Oklch
oklch(74.6% 0.139 24.6)

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

#A38774

Tangerine · Gray · Warm Sun

HEX
#A38774
RGB
rgb(163, 135, 116)
HSL
hsl(24, 20%, 55%)
HSB
hsb(24, 29%, 64%)
CMYK
cmyk(0%, 17%, 29%, 36%)
Oklch
oklch(64.4% 0.044 56.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D3C1
C0C6D8

Analogous

D8C6C0
D9D3C1
D2D8C0

Triadic

D9D3C1
C0D8D2
D2C0D8

Split-Comp.

D9D3C1
C0D2D8
C6C0D8

Tetradic

D9D3C1
C0D8C6
C0C6D8
D8C0D2

Contrast Matrix WCAG 2.1 Contrast

D9D3C1
FFE8CB
F8C9AA
F88780
A38774
—
1.3
Fail
1.0
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
2.8
Fail
1.0
Fail
1.3
Fail
—
1.6
Fail
2.2
Fail
1.6
Fail
2.0
Fail
1.6
Fail
—
1.4
Fail
2.2
Fail
2.8
Fail
2.2
Fail
1.4
Fail
—
White BG
1.5Fail
1.2Fail
1.5Fail
2.4Fail
3.3AA Large
Black BG
14.0AAA
17.7AAA
13.9AAA
8.8AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6C5
F5F5D2
E4E3B2
C7C682
979779

Deuteranopia

D7D7C6
F6F8D4
E6EAB3
CED682
999B7A

Tritanopia

D9C9CA
FED8D9
F6B7B9
F28383
A27C7D

Achromatopsia

D3D3D3
ECECEC
D4D4D4
A8A8A8
8D8D8D

Shades & Tints Shades & Tints

#D9D3C1

Dark
Light

#FFE8CB

Dark
Light

#F8C9AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d3c1;
  --color-2: #ffe8cb;
  --color-3: #f8c9aa;
  --color-4: #f88780;
  --color-5: #a38774;
}

SCSS

$color-1: #d9d3c1;
$color-2: #ffe8cb;
$color-3: #f8c9aa;
$color-4: #f88780;
$color-5: #a38774;

TAILWIND

colors: {
  'brand-1': '#d9d3c1',
  'brand-2': '#ffe8cb',
  'brand-3': '#f8c9aa',
  'brand-4': '#f88780',
  'brand-5': '#a38774',
}

RGB Array

[217, 211, 193], [255, 232, 203], [248, 201, 170], [248, 135, 128], [163, 135, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9D3C1, #FFE8CB, #F8C9AA, #F88780, #A38774 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d9d3c1; --color-2: #ffe8cb; --color-3: #f8c9aa; --color-4: #f88780; --color-5: #a38774. 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 pastel-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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