← Back to Editor

#FFA576 · #F9B880 · #FCD09F · #E2A5CF · #432758

warm

A 5-color warm 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

#FFA576

Apricot · LightSalmon · Warm Sun

HEX
#FFA576
RGB
rgb(255, 165, 118)
HSL
hsl(21, 100%, 73%)
HSB
hsb(21, 54%, 100%)
CMYK
cmyk(0%, 35%, 54%, 0%)
Oklch
oklch(80.2% 0.124 48.0)

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

#F9B880

Apricot · LightSalmon · Warm Sun

HEX
#F9B880
RGB
rgb(249, 184, 128)
HSL
hsl(28, 91%, 74%)
HSB
hsb(28, 49%, 98%)
CMYK
cmyk(0%, 26%, 49%, 2%)
Oklch
oklch(83.1% 0.104 61.4)

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

#FCD09F

Goose Yellow · Wheat · Peach Orange

HEX
#FCD09F
RGB
rgb(252, 208, 159)
HSL
hsl(32, 94%, 81%)
HSB
hsb(32, 37%, 99%)
CMYK
cmyk(0%, 17%, 37%, 1%)
Oklch
oklch(88.4% 0.081 69.5)

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

#E2A5CF

Mauve · LightPink · Lilac Purple

HEX
#E2A5CF
RGB
rgb(226, 165, 207)
HSL
hsl(319, 51%, 77%)
HSB
hsb(319, 27%, 89%)
CMYK
cmyk(0%, 27%, 8%, 11%)
Oklch
oklch(79.2% 0.090 338.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#432758

Dark Plum · DarkSlateGray · Eggplant

HEX
#432758
RGB
rgb(67, 39, 88)
HSL
hsl(274, 39%, 25%)
HSB
hsb(274, 56%, 35%)
CMYK
cmyk(24%, 56%, 0%, 65%)
Oklch
oklch(33.2% 0.088 308.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA576
75CFFF

Analogous

FF758A
FFA576
FFEA75

Triadic

FFA576
75FFA5
A575FF

Split-Comp.

FFA576
75FFEA
758AFF

Tetradic

FFA576
8AFF75
75CFFF
EA75FF

Contrast Matrix WCAG 2.1 Contrast

FFA576
F9B880
FCD09F
E2A5CF
432758
—
1.1
Fail
1.3
Fail
1.0
Fail
6.5
AA
1.1
Fail
—
1.2
Fail
1.2
Fail
7.3
AAA
1.3
Fail
1.2
Fail
—
1.4
Fail
8.8
AAA
1.0
Fail
1.2
Fail
1.4
Fail
—
6.3
AA
6.5
AA
7.3
AAA
8.8
AAA
6.3
AA
—
White BG
1.9Fail
1.7Fail
1.4Fail
2.0Fail
12.6AAA
Black BG
10.9AAA
12.2AAA
14.7AAA
10.5AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D781
DDDC8E
E9E9AB
C8C7C5
37374C

Deuteranopia

DDE484
E1E591
ECEFAE
CBD0C2
393B49

Tritanopia

FB8A8C
F6989B
FAB4B6
DFBDBB
424341

Achromatopsia

BBBBBB
C5C5C5
D8D8D8
BCBCBC
353535

Shades & Tints Shades & Tints

#FFA576

Dark
Light

#F9B880

Dark
Light

#FCD09F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa576;
  --color-2: #f9b880;
  --color-3: #fcd09f;
  --color-4: #e2a5cf;
  --color-5: #432758;
}

SCSS

$color-1: #ffa576;
$color-2: #f9b880;
$color-3: #fcd09f;
$color-4: #e2a5cf;
$color-5: #432758;

TAILWIND

colors: {
  'brand-1': '#ffa576',
  'brand-2': '#f9b880',
  'brand-3': '#fcd09f',
  'brand-4': '#e2a5cf',
  'brand-5': '#432758',
}

RGB Array

[255, 165, 118], [249, 184, 128], [252, 208, 159], [226, 165, 207], [67, 39, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFA576, #F9B880, #FCD09F, #E2A5CF, #432758 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #ffa576; --color-2: #f9b880; --color-3: #fcd09f; --color-4: #e2a5cf; --color-5: #432758. 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. 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 warm-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