← Back to Editor

#F7BEBE · #F7E9E9 · #FFFFFF · #D4DFFA · #9BB8FF

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

#F7BEBE

Peach Pink · LightPink · Cherry Blossom

HEX
#F7BEBE
RGB
rgb(247, 190, 190)
HSL
hsl(0, 78%, 86%)
HSB
hsb(0, 23%, 97%)
CMYK
cmyk(0%, 23%, 23%, 3%)
Oklch
oklch(85.3% 0.066 18.5)

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

#F7E9E9

Peach Pink · Linen · Cherry Blossom

HEX
#F7E9E9
RGB
rgb(247, 233, 233)
HSL
hsl(0, 47%, 94%)
HSB
hsb(0, 6%, 97%)
CMYK
cmyk(0%, 6%, 6%, 3%)
Oklch
oklch(94.5% 0.015 17.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#D4DFFA

Azure · Lavender · Sky Blue

HEX
#D4DFFA
RGB
rgb(212, 223, 250)
HSL
hsl(223, 79%, 91%)
HSB
hsb(223, 15%, 98%)
CMYK
cmyk(15%, 11%, 0%, 2%)
Oklch
oklch(90.4% 0.039 268.0)

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

#9BB8FF

Azure · LightSkyBlue · Cobalt Blue

HEX
#9BB8FF
RGB
rgb(155, 184, 255)
HSL
hsl(223, 100%, 80%)
HSB
hsb(223, 39%, 100%)
CMYK
cmyk(39%, 28%, 0%, 0%)
Oklch
oklch(78.8% 0.107 266.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7BEBE
BFF7F7

Analogous

F7BFDB
F7BEBE
F7DBBF

Triadic

F7BEBE
BFF7BF
BFBFF7

Split-Comp.

F7BEBE
BFF7DB
BFDBF7

Tetradic

F7BEBE
DBF7BF
BFF7F7
DBBFF7

Contrast Matrix WCAG 2.1 Contrast

F7BEBE
F7E9E9
FFFFFF
D4DFFA
9BB8FF
—
1.4
Fail
1.6
Fail
1.2
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.2
Fail
1.7
Fail
2.0
Fail
1.5
Fail
—
White BG
1.6Fail
1.2Fail
1.0Fail
1.3Fail
2.0Fail
Black BG
13.1AAA
17.8AAA
21.0AAA
15.7AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEBE
F1F1E9
FFFFFF
D9D9F3
A8A8EE

Deuteranopia

E2E6BE
F2F3E9
FFFFFF
D8D7F2
A6A4EA

Tritanopia

F4BEBE
F6E9E9
FFFFFF
D5EEED
9CE0DD

Achromatopsia

CFCFCF
EDEDED
FFFFFF
DFDFDF
B7B7B7

Shades & Tints Shades & Tints

#F7BEBE

Dark
Light

#F7E9E9

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7bebe;
  --color-2: #f7e9e9;
  --color-3: #ffffff;
  --color-4: #d4dffa;
  --color-5: #9bb8ff;
}

SCSS

$color-1: #f7bebe;
$color-2: #f7e9e9;
$color-3: #ffffff;
$color-4: #d4dffa;
$color-5: #9bb8ff;

TAILWIND

colors: {
  'brand-1': '#f7bebe',
  'brand-2': '#f7e9e9',
  'brand-3': '#ffffff',
  'brand-4': '#d4dffa',
  'brand-5': '#9bb8ff',
}

RGB Array

[247, 190, 190], [247, 233, 233], [255, 255, 255], [212, 223, 250], [155, 184, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F7BEBE, #F7E9E9, #FFFFFF, #D4DFFA, #9BB8FF 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: #f7bebe; --color-2: #f7e9e9; --color-3: #ffffff; --color-4: #d4dffa; --color-5: #9bb8ff. 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