← Back to Editor

#FFEAC1 · #FFAC89 · #FF8D77 · #D02D3E · #A48C72

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 App

Color Details Color Details

#FFEAC1

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEAC1
RGB
rgb(255, 234, 193)
HSL
hsl(40, 100%, 88%)
HSB
hsb(40, 24%, 100%)
CMYK
cmyk(0%, 8%, 24%, 0%)
Oklch
oklch(94.4% 0.058 84.0)

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

#FFAC89

Apricot · LightSalmon · Peach Orange

HEX
#FFAC89
RGB
rgb(255, 172, 137)
HSL
hsl(18, 100%, 77%)
HSB
hsb(18, 46%, 100%)
CMYK
cmyk(0%, 33%, 46%, 0%)
Oklch
oklch(81.7% 0.109 43.6)

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

#FF8D77

Peach Pink · Salmon · Coral Red

HEX
#FF8D77
RGB
rgb(255, 141, 119)
HSL
hsl(10, 100%, 73%)
HSB
hsb(10, 53%, 100%)
CMYK
cmyk(0%, 45%, 53%, 0%)
Oklch
oklch(76.2% 0.143 32.0)

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

#D02D3E

Vermilion · Crimson · Passion Red

HEX
#D02D3E
RGB
rgb(208, 45, 62)
HSL
hsl(354, 64%, 50%)
HSB
hsb(354, 78%, 82%)
CMYK
cmyk(0%, 78%, 70%, 18%)
Oklch
oklch(56.3% 0.197 21.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A48C72

Ginger · Gray · Warm Sun

HEX
#A48C72
RGB
rgb(164, 140, 114)
HSL
hsl(31, 22%, 55%)
HSB
hsb(31, 30%, 64%)
CMYK
cmyk(0%, 15%, 30%, 36%)
Oklch
oklch(65.5% 0.047 69.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEAC1
C2D6FF

Analogous

FFCCC2
FFEAC1
F5FFC2

Triadic

FFEAC1
C2FFEB
EBC2FF

Split-Comp.

FFEAC1
C2F5FF
CCC2FF

Tetradic

FFEAC1
C2FFCC
C2D6FF
FFC2F5

Contrast Matrix WCAG 2.1 Contrast

FFEAC1
FFAC89
FF8D77
D02D3E
A48C72
—
1.5
Fail
1.9
Fail
4.3
AA Large
2.7
Fail
1.5
Fail
—
1.2
Fail
2.8
Fail
1.8
Fail
1.9
Fail
1.2
Fail
—
2.3
Fail
1.4
Fail
4.3
AA Large
2.8
Fail
2.3
Fail
—
1.6
Fail
2.7
Fail
1.8
Fail
1.4
Fail
1.6
Fail
—
White BG
1.2Fail
1.8Fail
2.3Fail
5.1AA
3.2AA Large
Black BG
17.8AAA
11.5AAA
9.3AAA
4.1AA Large
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6CB
DBDA91
CECD7C
89883A
9A9978

Deuteranopia

F7F9CD
E0E694
D4DD7E
939F39
9B9D7A

Tritanopia

FED3D4
FB989A
F98181
C83736
A37D7E

Achromatopsia

ECECEC
C1C1C1
ADADAD
606060
909090

Shades & Tints Shades & Tints

#FFEAC1

Dark
Light

#FFAC89

Dark
Light

#FF8D77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeac1;
  --color-2: #ffac89;
  --color-3: #ff8d77;
  --color-4: #d02d3e;
  --color-5: #a48c72;
}

SCSS

$color-1: #ffeac1;
$color-2: #ffac89;
$color-3: #ff8d77;
$color-4: #d02d3e;
$color-5: #a48c72;

TAILWIND

colors: {
  'brand-1': '#ffeac1',
  'brand-2': '#ffac89',
  'brand-3': '#ff8d77',
  'brand-4': '#d02d3e',
  'brand-5': '#a48c72',
}

RGB Array

[255, 234, 193], [255, 172, 137], [255, 141, 119], [208, 45, 62], [164, 140, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFEAC1, #FFAC89, #FF8D77, #D02D3E, #A48C72 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: #ffeac1; --color-2: #ffac89; --color-3: #ff8d77; --color-4: #d02d3e; --color-5: #a48c72. 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 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