← Back to Editor

#ABCDEF · #BCDEFA · #CDEFAB · #DEFABC · #EFABCD

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

#ABCDEF

Azure · LightBlue · Cobalt Blue

HEX
#ABCDEF
RGB
rgb(171, 205, 239)
HSL
hsl(210, 68%, 80%)
HSB
hsb(210, 28%, 94%)
CMYK
cmyk(28%, 14%, 0%, 6%)
Oklch
oklch(83.5% 0.060 248.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#BCDEFA

Sky Blue · LightBlue · Sky Blue

HEX
#BCDEFA
RGB
rgb(188, 222, 250)
HSL
hsl(207, 86%, 86%)
HSB
hsb(207, 25%, 98%)
CMYK
cmyk(25%, 11%, 0%, 2%)
Oklch
oklch(88.5% 0.053 243.2)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#CDEFAB

Emerald · Wheat · Apple Green

HEX
#CDEFAB
RGB
rgb(205, 239, 171)
HSL
hsl(90, 68%, 80%)
HSB
hsb(90, 28%, 94%)
CMYK
cmyk(14%, 0%, 28%, 6%)
Oklch
oklch(91.1% 0.096 129.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#DEFABC

Willow Green · Wheat · Mint Green

HEX
#DEFABC
RGB
rgb(222, 250, 188)
HSL
hsl(87, 86%, 86%)
HSB
hsb(87, 25%, 98%)
CMYK
cmyk(11%, 0%, 25%, 2%)
Oklch
oklch(95.0% 0.086 127.7)

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

#EFABCD

Rouge · LightPink · Cherry Blossom

HEX
#EFABCD
RGB
rgb(239, 171, 205)
HSL
hsl(330, 68%, 80%)
HSB
hsb(330, 28%, 94%)
CMYK
cmyk(0%, 28%, 14%, 6%)
Oklch
oklch(81.5% 0.090 347.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABCDEF
EFCCA9

Analogous

A9EFEF
ABCDEF
A9A9EF

Triadic

ABCDEF
EFA9CC
CCEFA9

Split-Comp.

ABCDEF
EFA9A9
EFEFA9

Tetradic

ABCDEF
EFA9EF
EFCCA9
A9EFA9

Contrast Matrix WCAG 2.1 Contrast

ABCDEF
BCDEFA
CDEFAB
DEFABC
EFABCD
—
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.6
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.6
Fail
—
White BG
1.7Fail
1.4Fail
1.3Fail
1.1Fail
1.8Fail
Black BG
12.7AAA
15.0AAA
16.5AAA
18.5AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAE7
CBCBF3
DCDCBB
EAEACB
D2D1C5

Deuteranopia

B8B5E5
C9C6F2
DAD7BF
E9E6CF
D6DBC3

Tritanopia

ADE0DF
BEEEED
CFC8CB
DFD7D9
ECBEBD

Achromatopsia

C7C7C7
D7D7D7
DDDDDD
EBEBEB
C3C3C3

Shades & Tints Shades & Tints

#ABCDEF

Dark
Light

#BCDEFA

Dark
Light

#CDEFAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abcdef;
  --color-2: #bcdefa;
  --color-3: #cdefab;
  --color-4: #defabc;
  --color-5: #efabcd;
}

SCSS

$color-1: #abcdef;
$color-2: #bcdefa;
$color-3: #cdefab;
$color-4: #defabc;
$color-5: #efabcd;

TAILWIND

colors: {
  'brand-1': '#abcdef',
  'brand-2': '#bcdefa',
  'brand-3': '#cdefab',
  'brand-4': '#defabc',
  'brand-5': '#efabcd',
}

RGB Array

[171, 205, 239], [188, 222, 250], [205, 239, 171], [222, 250, 188], [239, 171, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ABCDEF, #BCDEFA, #CDEFAB, #DEFABC, #EFABCD 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: #abcdef; --color-2: #bcdefa; --color-3: #cdefab; --color-4: #defabc; --color-5: #efabcd. 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