← Back to Editor

#FF9F96 · #E9776D · #EF6052 · #745565 · #AFD8C6

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

#FF9F96

Peach Pink · LightSalmon · Coral Red

HEX
#FF9F96
RGB
rgb(255, 159, 150)
HSL
hsl(5, 100%, 79%)
HSB
hsb(5, 41%, 100%)
CMYK
cmyk(0%, 38%, 41%, 0%)
Oklch
oklch(79.8% 0.116 25.8)

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

#E9776D

Peach Pink · Salmon · Coral Red

HEX
#E9776D
RGB
rgb(233, 119, 109)
HSL
hsl(5, 74%, 67%)
HSB
hsb(5, 53%, 91%)
CMYK
cmyk(0%, 49%, 53%, 9%)
Oklch
oklch(69.8% 0.143 26.5)

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

#EF6052

Peach Pink · Tomato · Coral Red

HEX
#EF6052
RGB
rgb(239, 96, 82)
HSL
hsl(5, 83%, 63%)
HSB
hsb(5, 66%, 94%)
CMYK
cmyk(0%, 60%, 66%, 6%)
Oklch
oklch(67.0% 0.179 28.4)

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

#745565

Rose Purple · DimGray · Camellia

HEX
#745565
RGB
rgb(116, 85, 101)
HSL
hsl(329, 15%, 39%)
HSB
hsb(329, 27%, 45%)
CMYK
cmyk(0%, 27%, 13%, 55%)
Oklch
oklch(48.7% 0.047 346.6)

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

#AFD8C6

Jade · Silver · Apple Green

HEX
#AFD8C6
RGB
rgb(175, 216, 198)
HSL
hsl(154, 34%, 77%)
HSB
hsb(154, 19%, 85%)
CMYK
cmyk(19%, 0%, 8%, 15%)
Oklch
oklch(84.8% 0.050 166.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9F96
94F6FF

Analogous

FF94C1
FF9F96
FFD294

Triadic

FF9F96
94FF9D
9D94FF

Split-Comp.

FF9F96
94FFD2
94C1FF

Tetradic

FF9F96
C1FF94
94F6FF
D294FF

Contrast Matrix WCAG 2.1 Contrast

FF9F96
E9776D
EF6052
745565
AFD8C6
—
1.5
Fail
1.6
Fail
3.3
AA Large
1.3
Fail
1.5
Fail
—
1.1
Fail
2.3
Fail
1.8
Fail
1.6
Fail
1.1
Fail
—
2.0
Fail
2.1
Fail
3.3
AA Large
2.3
Fail
2.0
Fail
—
4.2
AA Large
1.3
Fail
1.8
Fail
2.1
Fail
4.2
AA Large
—
White BG
2.0Fail
2.9Fail
3.2AA Large
6.5AA
1.6Fail
Black BG
10.7AAA
7.3AAA
6.5AA
3.2AA Large
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D598
B8B76F
B1B055
676661
C1C1CA

Deuteranopia

DBE299
BEC770
B9C456
686B60
BEBBCB

Tritanopia

FA9A9A
E37172
E85859
725E5D
B1CECF

Achromatopsia

BBBBBB
989898
898989
606060
CACACA

Shades & Tints Shades & Tints

#FF9F96

Dark
Light

#E9776D

Dark
Light

#EF6052

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9f96;
  --color-2: #e9776d;
  --color-3: #ef6052;
  --color-4: #745565;
  --color-5: #afd8c6;
}

SCSS

$color-1: #ff9f96;
$color-2: #e9776d;
$color-3: #ef6052;
$color-4: #745565;
$color-5: #afd8c6;

TAILWIND

colors: {
  'brand-1': '#ff9f96',
  'brand-2': '#e9776d',
  'brand-3': '#ef6052',
  'brand-4': '#745565',
  'brand-5': '#afd8c6',
}

RGB Array

[255, 159, 150], [233, 119, 109], [239, 96, 82], [116, 85, 101], [175, 216, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9F96, #E9776D, #EF6052, #745565, #AFD8C6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ff9f96; --color-2: #e9776d; --color-3: #ef6052; --color-4: #745565; --color-5: #afd8c6. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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