← Back to Editor

#94B3A1 · #E0DDBA · #F59988 · #FF797E · #FD6092

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#94B3A1

Celadon · DarkSeaGreen · Apple Green

HEX
#94B3A1
RGB
rgb(148, 179, 161)
HSL
hsl(145, 17%, 64%)
HSB
hsb(145, 17%, 70%)
CMYK
cmyk(17%, 0%, 10%, 30%)
Oklch
oklch(73.8% 0.043 159.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E0DDBA

Fresh Green · Wheat · Lemon Cream

HEX
#E0DDBA
RGB
rgb(224, 221, 186)
HSL
hsl(55, 38%, 80%)
HSB
hsb(55, 17%, 88%)
CMYK
cmyk(0%, 1%, 17%, 12%)
Oklch
oklch(89.1% 0.046 103.3)

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

#F59988

Peach Pink · LightSalmon · Coral Red

HEX
#F59988
RGB
rgb(245, 153, 136)
HSL
hsl(9, 84%, 75%)
HSB
hsb(9, 44%, 96%)
CMYK
cmyk(0%, 38%, 44%, 4%)
Oklch
oklch(77.3% 0.114 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF797E

Peach Pink · Salmon · Coral Red

HEX
#FF797E
RGB
rgb(255, 121, 126)
HSL
hsl(358, 100%, 74%)
HSB
hsb(358, 53%, 100%)
CMYK
cmyk(0%, 53%, 51%, 0%)
Oklch
oklch(73.4% 0.164 19.7)

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

#FD6092

Rouge · LightCoral · Rose Pink

HEX
#FD6092
RGB
rgb(253, 96, 146)
HSL
hsl(341, 98%, 68%)
HSB
hsb(341, 62%, 99%)
CMYK
cmyk(0%, 62%, 42%, 1%)
Oklch
oklch(70.4% 0.195 3.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94B3A1
B394A6

Analogous

96B394
94B3A1
94B3B0

Triadic

94B3A1
A194B3
B3A194

Split-Comp.

94B3A1
B094B3
B39496

Tetradic

94B3A1
9496B3
B394A6
B3B094

Contrast Matrix WCAG 2.1 Contrast

94B3A1
E0DDBA
F59988
FF797E
FD6092
—
1.7
Fail
1.1
Fail
1.1
Fail
1.3
Fail
1.7
Fail
—
1.6
Fail
1.8
Fail
2.1
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
White BG
2.3Fail
1.4Fail
2.1Fail
2.5Fail
2.9Fail
Black BG
9.2AAA
15.2AAA
9.8AAA
8.3AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2A5
DFDFC2
CDCC8C
C5C47D
B9B886

Deuteranopia

A09DA6
DFDFC5
D3D98D
CDD77C
C2CE83

Tritanopia

96A9AA
E0C9CB
F08F90
F87C7C
F57C7A

Achromatopsia

A8A8A8
DADADA
B3B3B3
A2A2A2
959595

Shades & Tints Shades & Tints

#94B3A1

Dark
Light

#E0DDBA

Dark
Light

#F59988

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94b3a1;
  --color-2: #e0ddba;
  --color-3: #f59988;
  --color-4: #ff797e;
  --color-5: #fd6092;
}

SCSS

$color-1: #94b3a1;
$color-2: #e0ddba;
$color-3: #f59988;
$color-4: #ff797e;
$color-5: #fd6092;

TAILWIND

colors: {
  'brand-1': '#94b3a1',
  'brand-2': '#e0ddba',
  'brand-3': '#f59988',
  'brand-4': '#ff797e',
  'brand-5': '#fd6092',
}

RGB Array

[148, 179, 161], [224, 221, 186], [245, 153, 136], [255, 121, 126], [253, 96, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94B3A1, #E0DDBA, #F59988, #FF797E, #FD6092 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: #94b3a1; --color-2: #e0ddba; --color-3: #f59988; --color-4: #ff797e; --color-5: #fd6092. 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