← Back to Editor

#CDCDE2 · #080101 · #F9EEEE · #CB8080 · #DB9E2A

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

#CDCDE2

Wisteria · LightGray · Sky Blue

HEX
#CDCDE2
RGB
rgb(205, 205, 226)
HSL
hsl(240, 27%, 85%)
HSB
hsb(240, 9%, 89%)
CMYK
cmyk(9%, 9%, 0%, 11%)
Oklch
oklch(85.5% 0.029 285.8)

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

#080101

Vermilion · Black · Deep Berry

HEX
#080101
RGB
rgb(8, 1, 1)
HSL
hsl(0, 78%, 2%)
HSB
hsb(0, 88%, 3%)
CMYK
cmyk(0%, 88%, 88%, 97%)
Oklch
oklch(9.4% 0.026 23.4)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#F9EEEE

Peach Pink · Linen · Cherry Blossom

HEX
#F9EEEE
RGB
rgb(249, 238, 238)
HSL
hsl(0, 48%, 95%)
HSB
hsb(0, 4%, 98%)
CMYK
cmyk(0%, 4%, 4%, 2%)
Oklch
oklch(95.8% 0.012 17.4)

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

#CB8080

Peach Pink · LightCoral · Coral Red

HEX
#CB8080
RGB
rgb(203, 128, 128)
HSL
hsl(0, 42%, 65%)
HSB
hsb(0, 37%, 80%)
CMYK
cmyk(0%, 37%, 37%, 20%)
Oklch
oklch(67.8% 0.093 19.8)

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

#DB9E2A

Ginger · GoldenRod · Warm Sun

HEX
#DB9E2A
RGB
rgb(219, 158, 42)
HSL
hsl(39, 71%, 51%)
HSB
hsb(39, 81%, 86%)
CMYK
cmyk(0%, 28%, 81%, 14%)
Oklch
oklch(74.0% 0.142 78.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDCDE2
E3E3CE

Analogous

CED9E3
CDCDE2
D9CEE3

Triadic

CDCDE2
E3CECE
CEE3CE

Split-Comp.

CDCDE2
E3D9CE
D9E3CE

Tetradic

CDCDE2
E3CED9
E3E3CE
CEE3D9

Contrast Matrix WCAG 2.1 Contrast

CDCDE2
080101
F9EEEE
CB8080
DB9E2A
—
13.2
AAA
1.4
Fail
1.9
Fail
1.5
Fail
13.2
AAA
—
18.2
AAA
6.8
AA
8.8
AAA
1.4
Fail
18.2
AAA
—
2.7
Fail
2.1
Fail
1.9
Fail
6.8
AA
2.7
Fail
—
1.3
Fail
1.5
Fail
8.8
AAA
2.1
Fail
1.3
Fail
—
White BG
1.6Fail
20.7AAA
1.1Fail
3.0AA Large
2.3Fail
Black BG
13.4AAA
1.0Fail
18.5AAA
6.9AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDDD
050501
F4F4EE
ABAA80
C1C046

Deuteranopia

CDCDDC
050601
F5F6EE
AFB580
C4C94D

Tritanopia

CDD9D8
080101
F8EEEE
C78080
D85C61

Achromatopsia

CFCFCF
030303
F1F1F1
969696
A3A3A3

Shades & Tints Shades & Tints

#CDCDE2

Dark
Light

#080101

Dark
Light

#F9EEEE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdcde2;
  --color-2: #080101;
  --color-3: #f9eeee;
  --color-4: #cb8080;
  --color-5: #db9e2a;
}

SCSS

$color-1: #cdcde2;
$color-2: #080101;
$color-3: #f9eeee;
$color-4: #cb8080;
$color-5: #db9e2a;

TAILWIND

colors: {
  'brand-1': '#cdcde2',
  'brand-2': '#080101',
  'brand-3': '#f9eeee',
  'brand-4': '#cb8080',
  'brand-5': '#db9e2a',
}

RGB Array

[205, 205, 226], [8, 1, 1], [249, 238, 238], [203, 128, 128], [219, 158, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CDCDE2, #080101, #F9EEEE, #CB8080, #DB9E2A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cdcde2; --color-2: #080101; --color-3: #f9eeee; --color-4: #cb8080; --color-5: #db9e2a. 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 tech, SaaS, healthcare, eco industries. 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