← Back to Editor

#B0E1F0 · #FDADD1 · #FFFFBC · #A5DDC2 · #D7D9F8

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

#B0E1F0

Sky Blue · LightBlue · Glacier Blue

HEX
#B0E1F0
RGB
rgb(176, 225, 240)
HSL
hsl(194, 68%, 82%)
HSB
hsb(194, 27%, 94%)
CMYK
cmyk(27%, 6%, 0%, 6%)
Oklch
oklch(88.0% 0.055 218.5)

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

#FDADD1

Rouge · LightPink · Cherry Blossom

HEX
#FDADD1
RGB
rgb(253, 173, 209)
HSL
hsl(333, 95%, 84%)
HSB
hsb(333, 32%, 99%)
CMYK
cmyk(0%, 32%, 17%, 1%)
Oklch
oklch(83.5% 0.103 351.0)

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

#FFFFBC

Fresh Green · Bisque · Lemon Cream

HEX
#FFFFBC
RGB
rgb(255, 255, 188)
HSL
hsl(60, 100%, 87%)
HSB
hsb(60, 26%, 100%)
CMYK
cmyk(0%, 0%, 26%, 0%)
Oklch
oklch(98.4% 0.085 107.9)

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

#A5DDC2

Jade · LightBlue · Apple Green

HEX
#A5DDC2
RGB
rgb(165, 221, 194)
HSL
hsl(151, 45%, 76%)
HSB
hsb(151, 25%, 87%)
CMYK
cmyk(25%, 0%, 12%, 13%)
Oklch
oklch(85.1% 0.069 163.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D7D9F8

Azure · Lavender · Sky Blue

HEX
#D7D9F8
RGB
rgb(215, 217, 248)
HSL
hsl(236, 70%, 91%)
HSB
hsb(236, 13%, 97%)
CMYK
cmyk(13%, 13%, 0%, 3%)
Oklch
oklch(89.3% 0.042 282.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0E1F0
F0C0B2

Analogous

B2F0E0
B0E1F0
B2C3F0

Triadic

B0E1F0
F0B2E2
E2F0B2

Split-Comp.

B0E1F0
F0B2C3
F0E0B2

Tetradic

B0E1F0
E0B2F0
F0C0B2
C3F0B2

Contrast Matrix WCAG 2.1 Contrast

B0E1F0
FDADD1
FFFFBC
A5DDC2
D7D9F8
—
1.2
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.7
Fail
1.1
Fail
1.3
Fail
1.4
Fail
1.7
Fail
—
1.5
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.0
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
1.7Fail
1.0Fail
1.5Fail
1.4Fail
Black BG
14.9AAA
12.1AAA
20.3AAA
13.7AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C6EC
DADAC8
FFFFCC
BDBEC9
D8D8F0

Deuteranopia

C2BFEC
DFE5C6
FFFFD0
BAB6CA
D8D8EF

Tritanopia

B2EAE9
F9C1C0
FFD9DC
A8CECF
D7EBE9

Achromatopsia

D4D4D4
C9C9C9
F7F7F7
C9C9C9
DCDCDC

Shades & Tints Shades & Tints

#B0E1F0

Dark
Light

#FDADD1

Dark
Light

#FFFFBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0e1f0;
  --color-2: #fdadd1;
  --color-3: #ffffbc;
  --color-4: #a5ddc2;
  --color-5: #d7d9f8;
}

SCSS

$color-1: #b0e1f0;
$color-2: #fdadd1;
$color-3: #ffffbc;
$color-4: #a5ddc2;
$color-5: #d7d9f8;

TAILWIND

colors: {
  'brand-1': '#b0e1f0',
  'brand-2': '#fdadd1',
  'brand-3': '#ffffbc',
  'brand-4': '#a5ddc2',
  'brand-5': '#d7d9f8',
}

RGB Array

[176, 225, 240], [253, 173, 209], [255, 255, 188], [165, 221, 194], [215, 217, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B0E1F0, #FDADD1, #FFFFBC, #A5DDC2, #D7D9F8 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: #b0e1f0; --color-2: #fdadd1; --color-3: #ffffbc; --color-4: #a5ddc2; --color-5: #d7d9f8. 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