← Back to Editor

#CFD6C9 · #E8D3CB · #FFC6C4 · #EFCE7E · #DFD51B

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

#CFD6C9

Celadon · LightGray · Mint Green

HEX
#CFD6C9
RGB
rgb(207, 214, 201)
HSL
hsl(92, 14%, 81%)
HSB
hsb(92, 6%, 84%)
CMYK
cmyk(3%, 0%, 6%, 16%)
Oklch
oklch(86.7% 0.019 130.2)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#E8D3CB

Apricot · LightGray · Peach Orange

HEX
#E8D3CB
RGB
rgb(232, 211, 203)
HSL
hsl(17, 39%, 85%)
HSB
hsb(17, 13%, 91%)
CMYK
cmyk(0%, 9%, 13%, 9%)
Oklch
oklch(88.2% 0.026 42.1)

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

#FFC6C4

Peach Pink · Pink · Cherry Blossom

HEX
#FFC6C4
RGB
rgb(255, 198, 196)
HSL
hsl(2, 100%, 88%)
HSB
hsb(2, 23%, 100%)
CMYK
cmyk(0%, 22%, 23%, 0%)
Oklch
oklch(87.7% 0.065 20.8)

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

#EFCE7E

Goose Yellow · Khaki · Sunflower

HEX
#EFCE7E
RGB
rgb(239, 206, 126)
HSL
hsl(42, 78%, 72%)
HSB
hsb(42, 47%, 94%)
CMYK
cmyk(0%, 14%, 47%, 6%)
Oklch
oklch(86.2% 0.106 87.8)

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

#DFD51B

Autumn Sage · Gold · Honey Gold

HEX
#DFD51B
RGB
rgb(223, 213, 27)
HSL
hsl(57, 78%, 49%)
HSB
hsb(57, 88%, 87%)
CMYK
cmyk(0%, 4%, 88%, 13%)
Oklch
oklch(85.4% 0.178 106.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFD6C9
CFC8D5

Analogous

D5D5C8
CFD6C9
C8D5C8

Triadic

CFD6C9
C8CED5
D5C8CE

Split-Comp.

CFD6C9
C8C8D5
D5C8D5

Tetradic

CFD6C9
C8D5D5
CFC8D5
D5C8C8

Contrast Matrix WCAG 2.1 Contrast

CFD6C9
E8D3CB
FFC6C4
EFCE7E
DFD51B
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.5Fail
1.4Fail
1.5Fail
1.5Fail
1.5Fail
Black BG
14.1AAA
14.6AAA
14.1AAA
13.8AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2CC
DFDFCD
E6E6C4
E1E091
DBDB48

Deuteranopia

D2D1CD
E0E2CD
EAEEC5
E3E596
DBDC53

Tritanopia

CFCFCF
E7CECF
FCC5C5
EDA1A4
DF6C73

Achromatopsia

D2D2D2
D8D8D8
D7D7D7
CFCFCF
C3C3C3

Shades & Tints Shades & Tints

#CFD6C9

Dark
Light

#E8D3CB

Dark
Light

#FFC6C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfd6c9;
  --color-2: #e8d3cb;
  --color-3: #ffc6c4;
  --color-4: #efce7e;
  --color-5: #dfd51b;
}

SCSS

$color-1: #cfd6c9;
$color-2: #e8d3cb;
$color-3: #ffc6c4;
$color-4: #efce7e;
$color-5: #dfd51b;

TAILWIND

colors: {
  'brand-1': '#cfd6c9',
  'brand-2': '#e8d3cb',
  'brand-3': '#ffc6c4',
  'brand-4': '#efce7e',
  'brand-5': '#dfd51b',
}

RGB Array

[207, 214, 201], [232, 211, 203], [255, 198, 196], [239, 206, 126], [223, 213, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CFD6C9, #E8D3CB, #FFC6C4, #EFCE7E, #DFD51B 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: #cfd6c9; --color-2: #e8d3cb; --color-3: #ffc6c4; --color-4: #efce7e; --color-5: #dfd51b. 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