← Back to Editor

#5DCED0 · #89E4E1 · #FFFFF2 · #FECBDE · #FF80AC

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

#5DCED0

Lake Blue · MediumTurquoise · Lake Green

HEX
#5DCED0
RGB
rgb(93, 206, 208)
HSL
hsl(181, 55%, 59%)
HSB
hsb(181, 55%, 82%)
CMYK
cmyk(55%, 1%, 0%, 18%)
Oklch
oklch(78.7% 0.102 196.9)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#89E4E1

Jade · SkyBlue · Lake Green

HEX
#89E4E1
RGB
rgb(137, 228, 225)
HSL
hsl(178, 63%, 72%)
HSB
hsb(178, 40%, 89%)
CMYK
cmyk(40%, 0%, 1%, 11%)
Oklch
oklch(86.1% 0.087 192.9)

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

#FFFFF2

Fresh Green · Snow · Lemon Cream

HEX
#FFFFF2
RGB
rgb(255, 255, 242)
HSL
hsl(60, 100%, 97%)
HSB
hsb(60, 5%, 100%)
CMYK
cmyk(0%, 0%, 5%, 0%)
Oklch
oklch(99.6% 0.017 106.7)

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

#FECBDE

Rouge · Pink · Cherry Blossom

HEX
#FECBDE
RGB
rgb(254, 203, 222)
HSL
hsl(338, 96%, 90%)
HSB
hsb(338, 20%, 100%)
CMYK
cmyk(0%, 20%, 13%, 0%)
Oklch
oklch(89.2% 0.062 354.1)

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

#FF80AC

Rouge · LightCoral · Rose Pink

HEX
#FF80AC
RGB
rgb(255, 128, 172)
HSL
hsl(339, 100%, 75%)
HSB
hsb(339, 50%, 100%)
CMYK
cmyk(0%, 50%, 33%, 0%)
Oklch
oklch(75.6% 0.160 359.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5DCED0
D05F5D

Analogous

5DD098
5DCED0
5D95D0

Triadic

5DCED0
D05DCE
CED05D

Split-Comp.

5DCED0
D05D95
D0985D

Tetradic

5DCED0
985DD0
D05F5D
95D05D

Contrast Matrix WCAG 2.1 Contrast

5DCED0
89E4E1
FFFFF2
FECBDE
FF80AC
—
1.3
Fail
1.9
Fail
1.3
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.0
Fail
1.6
Fail
1.9
Fail
1.5
Fail
—
1.4
Fail
2.3
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
1.7
Fail
1.3
Fail
1.6
Fail
2.3
Fail
1.7
Fail
—
White BG
1.9Fail
1.5Fail
1.0Fail
1.4Fail
2.4Fail
Black BG
11.2AAA
14.2AAA
20.8AAA
14.8AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FD0
B0B1E2
FFFFF5
E8E7D9
C8C7A1

Deuteranopia

877FCF
ABA4E2
FFFFF6
EBEFD8
CFD99F

Tritanopia

63CFCF
8EE2E2
FFF8F8
FBD6D5
F99997

Achromatopsia

ACACAC
C8C8C8
FEFEFE
DCDCDC
ABABAB

Shades & Tints Shades & Tints

#5DCED0

Dark
Light

#89E4E1

Dark
Light

#FFFFF2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5dced0;
  --color-2: #89e4e1;
  --color-3: #fffff2;
  --color-4: #fecbde;
  --color-5: #ff80ac;
}

SCSS

$color-1: #5dced0;
$color-2: #89e4e1;
$color-3: #fffff2;
$color-4: #fecbde;
$color-5: #ff80ac;

TAILWIND

colors: {
  'brand-1': '#5dced0',
  'brand-2': '#89e4e1',
  'brand-3': '#fffff2',
  'brand-4': '#fecbde',
  'brand-5': '#ff80ac',
}

RGB Array

[93, 206, 208], [137, 228, 225], [255, 255, 242], [254, 203, 222], [255, 128, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #5DCED0, #89E4E1, #FFFFF2, #FECBDE, #FF80AC 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: #5dced0; --color-2: #89e4e1; --color-3: #fffff2; --color-4: #fecbde; --color-5: #ff80ac. 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