← Back to Editor

#AED5D0 · #B8C7CA · #B4C1C9 · #CBBFCB · #DBBEC3

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

#AED5D0

Jade · LightSteelBlue · Glacier Blue

HEX
#AED5D0
RGB
rgb(174, 213, 208)
HSL
hsl(172, 32%, 76%)
HSB
hsb(172, 18%, 84%)
CMYK
cmyk(18%, 0%, 2%, 16%)
Oklch
oklch(84.4% 0.042 186.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B8C7CA

Sky Blue · Silver · Glacier Blue

HEX
#B8C7CA
RGB
rgb(184, 199, 202)
HSL
hsl(190, 15%, 76%)
HSB
hsb(190, 9%, 79%)
CMYK
cmyk(9%, 1%, 0%, 21%)
Oklch
oklch(81.9% 0.017 211.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#B4C1C9

Sky Blue · Silver · Cobalt Blue

HEX
#B4C1C9
RGB
rgb(180, 193, 201)
HSL
hsl(203, 16%, 75%)
HSB
hsb(203, 10%, 79%)
CMYK
cmyk(10%, 4%, 0%, 21%)
Oklch
oklch(80.3% 0.018 234.6)

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

#CBBFCB

Mauve · Silver · Lilac Purple

HEX
#CBBFCB
RGB
rgb(203, 191, 203)
HSL
hsl(300, 10%, 77%)
HSB
hsb(300, 6%, 80%)
CMYK
cmyk(0%, 6%, 0%, 20%)
Oklch
oklch(81.8% 0.021 325.8)

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

#DBBEC3

Peach Pink · Silver · Coral Red

HEX
#DBBEC3
RGB
rgb(219, 190, 195)
HSL
hsl(350, 29%, 80%)
HSB
hsb(350, 13%, 86%)
CMYK
cmyk(0%, 13%, 11%, 14%)
Oklch
oklch(82.8% 0.034 6.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED5D0
D5AEB3

Analogous

AED5BD
AED5D0
AEC7D5

Triadic

AED5D0
D0AED5
D5D0AE

Split-Comp.

AED5D0
D5AEC7
D5BDAE

Tetradic

AED5D0
BDAED5
D5AEB3
C7D5AE

Contrast Matrix WCAG 2.1 Contrast

AED5D0
B8C7CA
B4C1C9
CBBFCB
DBBEC3
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
1.6Fail
1.7Fail
1.8Fail
1.8Fail
1.7Fail
Black BG
13.2AAA
12.1AAA
11.4AAA
11.9AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFD1
BEBFC9
BABAC7
C6C6C8
CECEC2

Deuteranopia

BDBAD2
BEBCC9
B9B8C7
C7C7C7
D0D2C2

Tritanopia

B0D2D2
B9C9C9
B5C6C5
CAC6C5
DAC1C1

Achromatopsia

C9C9C9
C3C3C3
BEBEBE
C4C4C4
C7C7C7

Shades & Tints Shades & Tints

#AED5D0

Dark
Light

#B8C7CA

Dark
Light

#B4C1C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed5d0;
  --color-2: #b8c7ca;
  --color-3: #b4c1c9;
  --color-4: #cbbfcb;
  --color-5: #dbbec3;
}

SCSS

$color-1: #aed5d0;
$color-2: #b8c7ca;
$color-3: #b4c1c9;
$color-4: #cbbfcb;
$color-5: #dbbec3;

TAILWIND

colors: {
  'brand-1': '#aed5d0',
  'brand-2': '#b8c7ca',
  'brand-3': '#b4c1c9',
  'brand-4': '#cbbfcb',
  'brand-5': '#dbbec3',
}

RGB Array

[174, 213, 208], [184, 199, 202], [180, 193, 201], [203, 191, 203], [219, 190, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #AED5D0, #B8C7CA, #B4C1C9, #CBBFCB, #DBBEC3 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: #aed5d0; --color-2: #b8c7ca; --color-3: #b4c1c9; --color-4: #cbbfcb; --color-5: #dbbec3. 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