← Back to Editor

#FFE89C · #FFD294 · #FFB184 · #FF937C · #FF7E7E

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

#FFE89C

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE89C
RGB
rgb(255, 232, 156)
HSL
hsl(46, 100%, 81%)
HSB
hsb(46, 39%, 100%)
CMYK
cmyk(0%, 9%, 39%, 0%)
Oklch
oklch(93.3% 0.098 93.2)

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

#FFD294

Goose Yellow · Khaki · Peach Orange

HEX
#FFD294
RGB
rgb(255, 210, 148)
HSL
hsl(35, 100%, 79%)
HSB
hsb(35, 42%, 100%)
CMYK
cmyk(0%, 18%, 42%, 0%)
Oklch
oklch(88.9% 0.093 75.0)

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

#FFB184

Apricot · LightSalmon · Peach Orange

HEX
#FFB184
RGB
rgb(255, 177, 132)
HSL
hsl(22, 100%, 76%)
HSB
hsb(22, 48%, 100%)
CMYK
cmyk(0%, 31%, 48%, 0%)
Oklch
oklch(82.5% 0.109 50.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FF937C

Peach Pink · LightSalmon · Coral Red

HEX
#FF937C
RGB
rgb(255, 147, 124)
HSL
hsl(11, 100%, 74%)
HSB
hsb(11, 51%, 100%)
CMYK
cmyk(0%, 42%, 51%, 0%)
Oklch
oklch(77.3% 0.135 33.0)

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

#FF7E7E

Peach Pink · Salmon · Coral Red

HEX
#FF7E7E
RGB
rgb(255, 126, 126)
HSL
hsl(0, 100%, 75%)
HSB
hsb(0, 51%, 100%)
CMYK
cmyk(0%, 51%, 51%, 0%)
Oklch
oklch(74.1% 0.158 21.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE89C
9EB5FF

Analogous

FFB89E
FFE89C
E5FF9E

Triadic

FFE89C
9EFFE8
E89EFF

Split-Comp.

FFE89C
9EE5FF
B89EFF

Tetradic

FFE89C
9EFFB8
9EB5FF
FF9EE5

Contrast Matrix WCAG 2.1 Contrast

FFE89C
FFD294
FFB184
FF937C
FF7E7E
—
1.2
Fail
1.5
Fail
1.8
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
2.2Fail
2.5Fail
Black BG
17.3AAA
14.9AAA
11.9AAA
9.7AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5AE
ECEBA3
DDDD8F
D0CF82
C7C67E

Deuteranopia

F6F8B3
EEF2A7
E2E892
D7DF83
CFD87E

Tritanopia

FEBDC0
FDAFB1
FB9799
FA8687
F97E7E

Achromatopsia

E6E6E6
D8D8D8
C3C3C3
B1B1B1
A5A5A5

Shades & Tints Shades & Tints

#FFE89C

Dark
Light

#FFD294

Dark
Light

#FFB184

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe89c;
  --color-2: #ffd294;
  --color-3: #ffb184;
  --color-4: #ff937c;
  --color-5: #ff7e7e;
}

SCSS

$color-1: #ffe89c;
$color-2: #ffd294;
$color-3: #ffb184;
$color-4: #ff937c;
$color-5: #ff7e7e;

TAILWIND

colors: {
  'brand-1': '#ffe89c',
  'brand-2': '#ffd294',
  'brand-3': '#ffb184',
  'brand-4': '#ff937c',
  'brand-5': '#ff7e7e',
}

RGB Array

[255, 232, 156], [255, 210, 148], [255, 177, 132], [255, 147, 124], [255, 126, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE89C, #FFD294, #FFB184, #FF937C, #FF7E7E 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: #ffe89c; --color-2: #ffd294; --color-3: #ffb184; --color-4: #ff937c; --color-5: #ff7e7e. 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