← Back to Editor

#FF8969 · #FFA991 · #FCEBB8 · #55786C · #24535E

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 AppData Visualization

Color Details Color Details

#FF8969

Peach Pink · Salmon · Coral Red

HEX
#FF8969
RGB
rgb(255, 137, 105)
HSL
hsl(13, 100%, 71%)
HSB
hsb(13, 59%, 100%)
CMYK
cmyk(0%, 46%, 59%, 0%)
Oklch
oklch(75.4% 0.151 36.1)

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

#FFA991

Peach Pink · LightSalmon · Coral Red

HEX
#FFA991
RGB
rgb(255, 169, 145)
HSL
hsl(13, 100%, 78%)
HSB
hsb(13, 43%, 100%)
CMYK
cmyk(0%, 34%, 43%, 0%)
Oklch
oklch(81.3% 0.108 36.3)

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

#FCEBB8

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEBB8
RGB
rgb(252, 235, 184)
HSL
hsl(45, 92%, 85%)
HSB
hsb(45, 27%, 99%)
CMYK
cmyk(0%, 7%, 27%, 1%)
Oklch
oklch(94.1% 0.068 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#55786C

Mineral Blue · DimGray · Forest Green

HEX
#55786C
RGB
rgb(85, 120, 108)
HSL
hsl(159, 17%, 40%)
HSB
hsb(159, 29%, 47%)
CMYK
cmyk(29%, 0%, 10%, 53%)
Oklch
oklch(54.2% 0.044 171.4)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#24535E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#24535E
RGB
rgb(36, 83, 94)
HSL
hsl(191, 45%, 25%)
HSB
hsb(191, 62%, 37%)
CMYK
cmyk(62%, 12%, 0%, 63%)
Oklch
oklch(41.4% 0.054 215.3)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8969
6BDFFF

Analogous

FF6B95
FF8969
FFD56B

Triadic

FF8969
6BFF8B
8B6BFF

Split-Comp.

FF8969
6BFFD5
6B95FF

Tetradic

FF8969
95FF6B
6BDFFF
D56BFF

Contrast Matrix WCAG 2.1 Contrast

FF8969
FFA991
FCEBB8
55786C
24535E
—
1.3
Fail
2.0
Fail
2.1
Fail
3.7
AA Large
1.3
Fail
—
1.6
Fail
2.6
Fail
4.6
AA
2.0
Fail
1.6
Fail
—
4.1
AA Large
7.2
AAA
2.1
Fail
2.6
Fail
4.1
AA Large
—
1.7
Fail
3.7
AA Large
4.6
AA
7.2
AAA
1.7
Fail
—
White BG
2.3Fail
1.9Fail
1.2Fail
4.9AA
8.5AAA
Black BG
9.0AAA
11.3AAA
17.7AAA
4.3AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB71
DAD997
F5F4C4
64646F
38395B

Deuteranopia

D3DC73
DFE598
F6F7C7
626070
36325B

Tritanopia

F97778
FB9B9C
FBCED0
577172
265959

Achromatopsia

A9A9A9
C0C0C0
EAEAEA
6C6C6C
464646

Shades & Tints Shades & Tints

#FF8969

Dark
Light

#FFA991

Dark
Light

#FCEBB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8969;
  --color-2: #ffa991;
  --color-3: #fcebb8;
  --color-4: #55786c;
  --color-5: #24535e;
}

SCSS

$color-1: #ff8969;
$color-2: #ffa991;
$color-3: #fcebb8;
$color-4: #55786c;
$color-5: #24535e;

TAILWIND

colors: {
  'brand-1': '#ff8969',
  'brand-2': '#ffa991',
  'brand-3': '#fcebb8',
  'brand-4': '#55786c',
  'brand-5': '#24535e',
}

RGB Array

[255, 137, 105], [255, 169, 145], [252, 235, 184], [85, 120, 108], [36, 83, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8969, #FFA991, #FCEBB8, #55786C, #24535E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ff8969; --color-2: #ffa991; --color-3: #fcebb8; --color-4: #55786c; --color-5: #24535e. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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