← Back to Editor

#8DECF5 · #F4D9BB · #FFA881 · #CD7F80 · #9B567F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8DECF5

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#8DECF5
RGB
rgb(141, 236, 245)
HSL
hsl(185, 84%, 76%)
HSB
hsb(185, 42%, 96%)
CMYK
cmyk(42%, 4%, 0%, 4%)
Oklch
oklch(88.7% 0.091 203.5)

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

#F4D9BB

Goose Yellow · Wheat · Peach Orange

HEX
#F4D9BB
RGB
rgb(244, 217, 187)
HSL
hsl(32, 72%, 85%)
HSB
hsb(32, 23%, 96%)
CMYK
cmyk(0%, 11%, 23%, 4%)
Oklch
oklch(90.0% 0.050 70.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFA881

Apricot · LightSalmon · Warm Sun

HEX
#FFA881
RGB
rgb(255, 168, 129)
HSL
hsl(19, 100%, 75%)
HSB
hsb(19, 49%, 100%)
CMYK
cmyk(0%, 34%, 49%, 0%)
Oklch
oklch(80.9% 0.116 44.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CD7F80

Peach Pink · LightCoral · Coral Red

HEX
#CD7F80
RGB
rgb(205, 127, 128)
HSL
hsl(359, 44%, 65%)
HSB
hsb(359, 38%, 80%)
CMYK
cmyk(0%, 38%, 38%, 20%)
Oklch
oklch(67.9% 0.097 19.1)

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

#9B567F

Rose Purple · Gray · Camellia

HEX
#9B567F
RGB
rgb(155, 86, 127)
HSL
hsl(324, 29%, 47%)
HSB
hsb(324, 45%, 61%)
CMYK
cmyk(0%, 45%, 18%, 39%)
Oklch
oklch(54.7% 0.105 344.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DECF5
F5978E

Analogous

8EF5CA
8DECF5
8EB9F5

Triadic

8DECF5
F58EED
EDF58E

Split-Comp.

8DECF5
F58EB9
F5CA8E

Tetradic

8DECF5
CA8EF5
F5978E
B9F58E

Contrast Matrix WCAG 2.1 Contrast

8DECF5
F4D9BB
FFA881
CD7F80
9B567F
—
1.0
Fail
1.4
Fail
2.2
Fail
3.8
AA Large
1.0
Fail
—
1.4
Fail
2.2
Fail
3.8
AA Large
1.4
Fail
1.4
Fail
—
1.6
Fail
2.8
Fail
2.2
Fail
2.2
Fail
1.6
Fail
—
1.7
Fail
3.8
AA Large
3.8
AA Large
2.8
Fail
1.7
Fail
—
White BG
1.4Fail
1.4Fail
1.9Fail
3.0AA Large
5.2AA
Black BG
15.4AAA
15.5AAA
11.2AAA
6.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7F3
E8E8C2
D9D98A
ABAB80
7D7D75

Deuteranopia

B1AAF2
EAECC4
DEE58D
B0B680
818673

Tritanopia

92F1F1
F3C8C9
FB9294
C98080
986D6C

Achromatopsia

D1D1D1
DEDEDE
BEBEBE
969696
6F6F6F

Shades & Tints Shades & Tints

#8DECF5

Dark
Light

#F4D9BB

Dark
Light

#FFA881

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8decf5;
  --color-2: #f4d9bb;
  --color-3: #ffa881;
  --color-4: #cd7f80;
  --color-5: #9b567f;
}

SCSS

$color-1: #8decf5;
$color-2: #f4d9bb;
$color-3: #ffa881;
$color-4: #cd7f80;
$color-5: #9b567f;

TAILWIND

colors: {
  'brand-1': '#8decf5',
  'brand-2': '#f4d9bb',
  'brand-3': '#ffa881',
  'brand-4': '#cd7f80',
  'brand-5': '#9b567f',
}

RGB Array

[141, 236, 245], [244, 217, 187], [255, 168, 129], [205, 127, 128], [155, 86, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8DECF5, #F4D9BB, #FFA881, #CD7F80, #9B567F 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: #8decf5; --color-2: #f4d9bb; --color-3: #ffa881; --color-4: #cd7f80; --color-5: #9b567f. 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 general-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