← Back to Editor

#CECDAE · #FAF8CF · #DA9DA4 · #CB1D62 · #00052D

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 PostIllustrationData Visualization

Color Details Color Details

#CECDAE

Fresh Green · Silver · Sunflower

HEX
#CECDAE
RGB
rgb(206, 205, 174)
HSL
hsl(58, 25%, 75%)
HSB
hsb(58, 16%, 81%)
CMYK
cmyk(0%, 0%, 16%, 19%)
Oklch
oklch(84.1% 0.042 105.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FAF8CF

Fresh Green · Beige · Lemon Cream

HEX
#FAF8CF
RGB
rgb(250, 248, 207)
HSL
hsl(57, 81%, 90%)
HSB
hsb(57, 17%, 98%)
CMYK
cmyk(0%, 1%, 17%, 2%)
Oklch
oklch(97.0% 0.053 105.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#DA9DA4

Peach Pink · Tan · Coral Red

HEX
#DA9DA4
RGB
rgb(218, 157, 164)
HSL
hsl(353, 45%, 74%)
HSB
hsb(353, 28%, 85%)
CMYK
cmyk(0%, 28%, 25%, 15%)
Oklch
oklch(75.6% 0.073 11.4)

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

#CB1D62

Dark Violet · MediumVioletRed · Camellia

HEX
#CB1D62
RGB
rgb(203, 29, 98)
HSL
hsl(336, 75%, 45%)
HSB
hsb(336, 86%, 80%)
CMYK
cmyk(0%, 86%, 52%, 20%)
Oklch
oklch(55.2% 0.207 4.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#00052D

Indigo · Black · Deep Sea Blue

HEX
#00052D
RGB
rgb(0, 5, 45)
HSL
hsl(233, 100%, 9%)
HSB
hsb(233, 100%, 18%)
CMYK
cmyk(100%, 89%, 0%, 82%)
Oklch
oklch(15.1% 0.082 263.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECDAE
AFB0CF

Analogous

CFBEAF
CECDAE
C0CFAF

Triadic

CECDAE
AFCFCE
CEAFCF

Split-Comp.

CECDAE
AFC0CF
BEAFCF

Tetradic

CECDAE
AFCFBE
AFB0CF
CFAFC0

Contrast Matrix WCAG 2.1 Contrast

CECDAE
FAF8CF
DA9DA4
CB1D62
00052D
—
1.5
Fail
1.4
Fail
3.3
AA Large
12.2
AAA
1.5
Fail
—
2.1
Fail
5.0
AA
18.3
AAA
1.4
Fail
2.1
Fail
—
2.4
Fail
8.8
AAA
3.3
AA Large
5.0
AA
2.4
Fail
—
3.7
AA Large
12.2
AAA
18.3
AAA
8.8
AAA
3.7
AA Large
—
White BG
1.6Fail
1.1Fail
2.2Fail
5.4AA
19.8AAA
Black BG
13.0AAA
19.4AAA
9.3AAA
3.9AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB6
F9F9D9
C0BFA2
807E51
020223

Deuteranopia

CECEB7
F9F9DB
C3C8A2
8A974D
020221

Tritanopia

CEBBBD
FAE1E2
D7A1A1
C24441
001C1A

Achromatopsia

CACACA
F4F4F4
B0B0B0
595959
080808

Shades & Tints Shades & Tints

#CECDAE

Dark
Light

#FAF8CF

Dark
Light

#DA9DA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cecdae;
  --color-2: #faf8cf;
  --color-3: #da9da4;
  --color-4: #cb1d62;
  --color-5: #00052d;
}

SCSS

$color-1: #cecdae;
$color-2: #faf8cf;
$color-3: #da9da4;
$color-4: #cb1d62;
$color-5: #00052d;

TAILWIND

colors: {
  'brand-1': '#cecdae',
  'brand-2': '#faf8cf',
  'brand-3': '#da9da4',
  'brand-4': '#cb1d62',
  'brand-5': '#00052d',
}

RGB Array

[206, 205, 174], [250, 248, 207], [218, 157, 164], [203, 29, 98], [0, 5, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CECDAE, #FAF8CF, #DA9DA4, #CB1D62, #00052D is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #cecdae; --color-2: #faf8cf; --color-3: #da9da4; --color-4: #cb1d62; --color-5: #00052d. 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 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