← Back to Editor

#EBFAF5 · #DCF1EC · #EFCDB4 · #FEB6AA · #FC6173

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

#EBFAF5

Jade · Snow · Glacier Blue

HEX
#EBFAF5
RGB
rgb(235, 250, 245)
HSL
hsl(160, 60%, 95%)
HSB
hsb(160, 6%, 98%)
CMYK
cmyk(6%, 0%, 2%, 2%)
Oklch
oklch(97.3% 0.017 174.1)

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

#DCF1EC

Jade · Lavender · Glacier Blue

HEX
#DCF1EC
RGB
rgb(220, 241, 236)
HSL
hsl(166, 43%, 90%)
HSB
hsb(166, 9%, 95%)
CMYK
cmyk(9%, 0%, 2%, 5%)
Oklch
oklch(94.1% 0.023 179.9)

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

#EFCDB4

Apricot · Wheat · Peach Orange

HEX
#EFCDB4
RGB
rgb(239, 205, 180)
HSL
hsl(25, 65%, 82%)
HSB
hsb(25, 25%, 94%)
CMYK
cmyk(0%, 14%, 25%, 6%)
Oklch
oklch(87.1% 0.051 58.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FEB6AA

Peach Pink · LightPink · Cherry Blossom

HEX
#FEB6AA
RGB
rgb(254, 182, 170)
HSL
hsl(9, 98%, 83%)
HSB
hsb(9, 33%, 100%)
CMYK
cmyk(0%, 28%, 33%, 0%)
Oklch
oklch(84.1% 0.086 29.6)

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

#FC6173

Peach Pink · Salmon · Coral Red

HEX
#FC6173
RGB
rgb(252, 97, 115)
HSL
hsl(353, 96%, 68%)
HSB
hsb(353, 62%, 99%)
CMYK
cmyk(0%, 62%, 54%, 1%)
Oklch
oklch(69.6% 0.189 16.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBFAF5
FAEBF0

Analogous

EBFAED
EBFAF5
EBF7FA

Triadic

EBFAF5
F5EBFA
FAF5EB

Split-Comp.

EBFAF5
FAEBF7
FAEDEB

Tetradic

EBFAF5
EDEBFA
FAEBF0
F7FAEB

Contrast Matrix WCAG 2.1 Contrast

EBFAF5
DCF1EC
EFCDB4
FEB6AA
FC6173
—
1.1
Fail
1.4
Fail
1.6
Fail
2.8
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
2.5
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.8
Fail
2.8
Fail
2.5
Fail
2.0
Fail
1.8
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
1.7Fail
3.0Fail
Black BG
19.5AAA
17.8AAA
14.1AAA
12.5AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F2F6
E5E5ED
E0E0BA
DFDEAD
B9B76F

Deuteranopia

F1F0F7
E4E2EE
E2E5BC
E3E8AE
C2CD6E

Tritanopia

ECF7F7
DDEEEE
EDBFC0
FAAFB0
F46B6A

Achromatopsia

F5F5F5
EAEAEA
D4D4D4
CACACA
919191

Shades & Tints Shades & Tints

#EBFAF5

Dark
Light

#DCF1EC

Dark
Light

#EFCDB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebfaf5;
  --color-2: #dcf1ec;
  --color-3: #efcdb4;
  --color-4: #feb6aa;
  --color-5: #fc6173;
}

SCSS

$color-1: #ebfaf5;
$color-2: #dcf1ec;
$color-3: #efcdb4;
$color-4: #feb6aa;
$color-5: #fc6173;

TAILWIND

colors: {
  'brand-1': '#ebfaf5',
  'brand-2': '#dcf1ec',
  'brand-3': '#efcdb4',
  'brand-4': '#feb6aa',
  'brand-5': '#fc6173',
}

RGB Array

[235, 250, 245], [220, 241, 236], [239, 205, 180], [254, 182, 170], [252, 97, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EBFAF5, #DCF1EC, #EFCDB4, #FEB6AA, #FC6173 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: #ebfaf5; --color-2: #dcf1ec; --color-3: #efcdb4; --color-4: #feb6aa; --color-5: #fc6173. 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