← Back to Editor

#F0DEC6 · #E8D6CA · #D6CCCB · #C8C2CE · #AEA7B7

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F0DEC6

Goose Yellow · Bisque · Peach Orange

HEX
#F0DEC6
RGB
rgb(240, 222, 198)
HSL
hsl(34, 58%, 86%)
HSB
hsb(34, 17%, 94%)
CMYK
cmyk(0%, 7%, 17%, 6%)
Oklch
oklch(90.9% 0.038 75.1)

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

#E8D6CA

Apricot · LightGray · Peach Orange

HEX
#E8D6CA
RGB
rgb(232, 214, 202)
HSL
hsl(24, 39%, 85%)
HSB
hsb(24, 13%, 91%)
CMYK
cmyk(0%, 8%, 13%, 9%)
Oklch
oklch(88.7% 0.026 56.0)

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

#D6CCCB

Peach Pink · LightGray · Cherry Blossom

HEX
#D6CCCB
RGB
rgb(214, 204, 203)
HSL
hsl(5, 12%, 82%)
HSB
hsb(5, 5%, 84%)
CMYK
cmyk(0%, 5%, 5%, 16%)
Oklch
oklch(85.3% 0.011 24.3)

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

#C8C2CE

Lilac · Silver · Lilac Purple

HEX
#C8C2CE
RGB
rgb(200, 194, 206)
HSL
hsl(270, 11%, 78%)
HSB
hsb(270, 6%, 81%)
CMYK
cmyk(3%, 6%, 0%, 19%)
Oklch
oklch(82.3% 0.018 308.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#AEA7B7

Wisteria · DarkGray · Lilac Purple

HEX
#AEA7B7
RGB
rgb(174, 167, 183)
HSL
hsl(266, 10%, 69%)
HSB
hsb(266, 9%, 72%)
CMYK
cmyk(5%, 9%, 0%, 28%)
Oklch
oklch(73.9% 0.024 305.5)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0DEC6
C7D9F0

Analogous

F0C9C7
F0DEC6
EDF0C7

Triadic

F0DEC6
C7F0DE
DEC7F0

Split-Comp.

F0DEC6
C7EDF0
C9C7F0

Tetradic

F0DEC6
C7F0C9
C7D9F0
F0C7ED

Contrast Matrix WCAG 2.1 Contrast

F0DEC6
E8D6CA
D6CCCB
C8C2CE
AEA7B7
—
1.1
Fail
1.2
Fail
1.3
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
1.4Fail
1.6Fail
1.7Fail
2.3Fail
Black BG
16.0AAA
14.9AAA
13.4AAA
12.1AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8CC
E0E0CD
D2D2CB
C5C5CB
ABABB3

Deuteranopia

E9EBCD
E1E3CE
D2D3CB
C6C6CA
ABACB2

Tritanopia

EFD0D1
E7CFD0
D5CBCB
C8C9C8
AEB0AF

Achromatopsia

E1E1E1
DADADA
CFCFCF
C5C5C5
ABABAB

Shades & Tints Shades & Tints

#F0DEC6

Dark
Light

#E8D6CA

Dark
Light

#D6CCCB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0dec6;
  --color-2: #e8d6ca;
  --color-3: #d6cccb;
  --color-4: #c8c2ce;
  --color-5: #aea7b7;
}

SCSS

$color-1: #f0dec6;
$color-2: #e8d6ca;
$color-3: #d6cccb;
$color-4: #c8c2ce;
$color-5: #aea7b7;

TAILWIND

colors: {
  'brand-1': '#f0dec6',
  'brand-2': '#e8d6ca',
  'brand-3': '#d6cccb',
  'brand-4': '#c8c2ce',
  'brand-5': '#aea7b7',
}

RGB Array

[240, 222, 198], [232, 214, 202], [214, 204, 203], [200, 194, 206], [174, 167, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F0DEC6, #E8D6CA, #D6CCCB, #C8C2CE, #AEA7B7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f0dec6; --color-2: #e8d6ca; --color-3: #d6cccb; --color-4: #c8c2ce; --color-5: #aea7b7. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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