← Back to Editor

#FED59F · #FAA880 · #EC8A7D · #CA7B81 · #5E4751

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

Color Details Color Details

#FED59F

Goose Yellow · Wheat · Peach Orange

HEX
#FED59F
RGB
rgb(254, 213, 159)
HSL
hsl(34, 98%, 81%)
HSB
hsb(34, 37%, 100%)
CMYK
cmyk(0%, 16%, 37%, 0%)
Oklch
oklch(89.5% 0.083 74.1)

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

#FAA880

Apricot · LightSalmon · Warm Sun

HEX
#FAA880
RGB
rgb(250, 168, 128)
HSL
hsl(20, 92%, 74%)
HSB
hsb(20, 49%, 98%)
CMYK
cmyk(0%, 33%, 49%, 2%)
Oklch
oklch(80.3% 0.111 46.7)

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

#EC8A7D

Peach Pink · LightCoral · Coral Red

HEX
#EC8A7D
RGB
rgb(236, 138, 125)
HSL
hsl(7, 74%, 71%)
HSB
hsb(7, 47%, 93%)
CMYK
cmyk(0%, 42%, 47%, 7%)
Oklch
oklch(73.5% 0.122 28.4)

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

#CA7B81

Peach Pink · LightCoral · Coral Red

HEX
#CA7B81
RGB
rgb(202, 123, 129)
HSL
hsl(355, 43%, 64%)
HSB
hsb(355, 39%, 79%)
CMYK
cmyk(0%, 39%, 36%, 21%)
Oklch
oklch(66.9% 0.099 15.2)

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

#5E4751

Dark Violet · DimGray · Camellia

HEX
#5E4751
RGB
rgb(94, 71, 81)
HSL
hsl(334, 14%, 32%)
HSB
hsb(334, 24%, 37%)
CMYK
cmyk(0%, 24%, 14%, 63%)
Oklch
oklch(42.6% 0.035 350.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED59F
9FC8FE

Analogous

FEA59F
FED59F
F8FE9F

Triadic

FED59F
9FFED5
D59FFE

Split-Comp.

FED59F
9FF8FE
A59FFE

Tetradic

FED59F
9FFEA5
9FC8FE
FE9FF8

Contrast Matrix WCAG 2.1 Contrast

FED59F
FAA880
EC8A7D
CA7B81
5E4751
—
1.4
Fail
1.8
Fail
2.3
Fail
6.1
AA
1.4
Fail
—
1.3
Fail
1.6
Fail
4.4
AA Large
1.8
Fail
1.3
Fail
—
1.3
Fail
3.4
AA Large
2.3
Fail
1.6
Fail
1.3
Fail
—
2.7
Fail
6.1
AA
4.4
AA Large
3.4
AA Large
2.7
Fail
—
White BG
1.4Fail
1.9Fail
2.5Fail
3.2AA Large
8.4AAA
Black BG
15.2AAA
11.0AAA
8.5AAA
6.7AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECAC
D6D68A
C2C180
A8A780
54544F

Deuteranopia

EFF2AF
DBE18C
C7CF81
ACB27F
55574E

Tritanopia

FCB6B9
F69193
E78383
C67E7E
5D4D4C

Achromatopsia

DBDBDB
BCBCBC
A6A6A6
939393
4F4F4F

Shades & Tints Shades & Tints

#FED59F

Dark
Light

#FAA880

Dark
Light

#EC8A7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed59f;
  --color-2: #faa880;
  --color-3: #ec8a7d;
  --color-4: #ca7b81;
  --color-5: #5e4751;
}

SCSS

$color-1: #fed59f;
$color-2: #faa880;
$color-3: #ec8a7d;
$color-4: #ca7b81;
$color-5: #5e4751;

TAILWIND

colors: {
  'brand-1': '#fed59f',
  'brand-2': '#faa880',
  'brand-3': '#ec8a7d',
  'brand-4': '#ca7b81',
  'brand-5': '#5e4751',
}

RGB Array

[254, 213, 159], [250, 168, 128], [236, 138, 125], [202, 123, 129], [94, 71, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FED59F, #FAA880, #EC8A7D, #CA7B81, #5E4751 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: #fed59f; --color-2: #faa880; --color-3: #ec8a7d; --color-4: #ca7b81; --color-5: #5e4751. 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