← Back to Editor

#F1EBDF · #F0D9D3 · #DEC5CA · #CCBCCC · #AAA6BF

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

#F1EBDF

Goose Yellow · Beige · Lemon Cream

HEX
#F1EBDF
RGB
rgb(241, 235, 223)
HSL
hsl(40, 39%, 91%)
HSB
hsb(40, 7%, 95%)
CMYK
cmyk(0%, 2%, 7%, 5%)
Oklch
oklch(94.1% 0.017 84.6)

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

#F0D9D3

Peach Pink · Bisque · Cherry Blossom

HEX
#F0D9D3
RGB
rgb(240, 217, 211)
HSL
hsl(12, 49%, 88%)
HSB
hsb(12, 12%, 94%)
CMYK
cmyk(0%, 10%, 12%, 6%)
Oklch
oklch(90.2% 0.027 35.0)

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

#DEC5CA

Peach Pink · LightGray · Cherry Blossom

HEX
#DEC5CA
RGB
rgb(222, 197, 202)
HSL
hsl(348, 27%, 82%)
HSB
hsb(348, 11%, 87%)
CMYK
cmyk(0%, 11%, 9%, 13%)
Oklch
oklch(84.6% 0.029 4.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#CCBCCC

Mauve · Silver · Lilac Purple

HEX
#CCBCCC
RGB
rgb(204, 188, 204)
HSL
hsl(300, 14%, 77%)
HSB
hsb(300, 8%, 80%)
CMYK
cmyk(0%, 8%, 0%, 20%)
Oklch
oklch(81.3% 0.028 325.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#AAA6BF

Wisteria · DarkGray · Cobalt Blue

HEX
#AAA6BF
RGB
rgb(170, 166, 191)
HSL
hsl(250, 16%, 70%)
HSB
hsb(250, 13%, 75%)
CMYK
cmyk(11%, 13%, 0%, 25%)
Oklch
oklch(73.7% 0.036 292.8)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EBDF
DFE5F1

Analogous

F1E2DF
F1EBDF
EEF1DF

Triadic

F1EBDF
DFF1EB
EBDFF1

Split-Comp.

F1EBDF
DFEEF1
E2DFF1

Tetradic

F1EBDF
DFF1E2
DFE5F1
F1DFEE

Contrast Matrix WCAG 2.1 Contrast

F1EBDF
F0D9D3
DEC5CA
CCBCCC
AAA6BF
—
1.1
Fail
1.4
Fail
1.5
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.2Fail
1.3Fail
1.6Fail
1.8Fail
2.4Fail
Black BG
17.7AAA
15.6AAA
12.9AAA
11.6AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE2
E6E6D4
D3D3C9
C5C5C8
A8A8B9

Deuteranopia

EFEFE3
E7E9D5
D5D6C8
C6C7C7
A9A9B8

Tritanopia

F1E4E5
EFD6D6
DDC8C8
CBC5C4
AAB4B3

Achromatopsia

EBEBEB
DFDFDF
CDCDCD
C3C3C3
AAAAAA

Shades & Tints Shades & Tints

#F1EBDF

Dark
Light

#F0D9D3

Dark
Light

#DEC5CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1ebdf;
  --color-2: #f0d9d3;
  --color-3: #dec5ca;
  --color-4: #ccbccc;
  --color-5: #aaa6bf;
}

SCSS

$color-1: #f1ebdf;
$color-2: #f0d9d3;
$color-3: #dec5ca;
$color-4: #ccbccc;
$color-5: #aaa6bf;

TAILWIND

colors: {
  'brand-1': '#f1ebdf',
  'brand-2': '#f0d9d3',
  'brand-3': '#dec5ca',
  'brand-4': '#ccbccc',
  'brand-5': '#aaa6bf',
}

RGB Array

[241, 235, 223], [240, 217, 211], [222, 197, 202], [204, 188, 204], [170, 166, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F1EBDF, #F0D9D3, #DEC5CA, #CCBCCC, #AAA6BF 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: #f1ebdf; --color-2: #f0d9d3; --color-3: #dec5ca; --color-4: #ccbccc; --color-5: #aaa6bf. 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