← Back to Editor

#DEB79F · #F5BB94 · #F69E45 · #E96453 · #E1374D

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

#DEB79F

Apricot · Tan · Warm Sun

HEX
#DEB79F
RGB
rgb(222, 183, 159)
HSL
hsl(23, 49%, 75%)
HSB
hsb(23, 28%, 87%)
CMYK
cmyk(0%, 18%, 28%, 13%)
Oklch
oklch(80.8% 0.056 53.3)

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

#F5BB94

Apricot · BurlyWood · Peach Orange

HEX
#F5BB94
RGB
rgb(245, 187, 148)
HSL
hsl(24, 83%, 77%)
HSB
hsb(24, 40%, 96%)
CMYK
cmyk(0%, 24%, 40%, 4%)
Oklch
oklch(83.6% 0.085 55.2)

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

#F69E45

Ginger · SandyBrown · Warm Sun

HEX
#F69E45
RGB
rgb(246, 158, 69)
HSL
hsl(30, 91%, 62%)
HSB
hsb(30, 72%, 96%)
CMYK
cmyk(0%, 36%, 72%, 4%)
Oklch
oklch(77.3% 0.146 62.6)

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

#E96453

Peach Pink · Tomato · Coral Red

HEX
#E96453
RGB
rgb(233, 100, 83)
HSL
hsl(7, 77%, 62%)
HSB
hsb(7, 64%, 91%)
CMYK
cmyk(0%, 57%, 64%, 9%)
Oklch
oklch(66.6% 0.169 29.6)

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

#E1374D

Vermilion · Crimson · Passion Red

HEX
#E1374D
RGB
rgb(225, 55, 77)
HSL
hsl(352, 74%, 55%)
HSB
hsb(352, 76%, 88%)
CMYK
cmyk(0%, 76%, 66%, 12%)
Oklch
oklch(60.3% 0.205 19.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEB79F
A0C7DE

Analogous

DEA0A7
DEB79F
DED7A0

Triadic

DEB79F
A0DEB8
B8A0DE

Split-Comp.

DEB79F
A0DED7
A0A7DE

Tetradic

DEB79F
A7DEA0
A0C7DE
D7A0DE

Contrast Matrix WCAG 2.1 Contrast

DEB79F
F5BB94
F69E45
E96453
E1374D
—
1.1
Fail
1.2
Fail
1.8
Fail
2.3
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
2.6
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.8
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
2.3
Fail
2.6
Fail
2.0
Fail
1.3
Fail
—
White BG
1.8Fail
1.7Fail
2.1Fail
3.3AA Large
4.3AA Large
Black BG
11.4AAA
12.4AAA
9.9AAA
6.4AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDA5
DCDB9D
D0CF5B
AFAE57
979648

Deuteranopia

CFD2A6
DFE4A0
D5DC60
B7C158
A1AE46

Tritanopia

DCA9AA
F2A5A7
F26C6F
E25A5B
D94343

Achromatopsia

C0C0C0
C8C8C8
AEAEAE
8A8A8A
6C6C6C

Shades & Tints Shades & Tints

#DEB79F

Dark
Light

#F5BB94

Dark
Light

#F69E45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deb79f;
  --color-2: #f5bb94;
  --color-3: #f69e45;
  --color-4: #e96453;
  --color-5: #e1374d;
}

SCSS

$color-1: #deb79f;
$color-2: #f5bb94;
$color-3: #f69e45;
$color-4: #e96453;
$color-5: #e1374d;

TAILWIND

colors: {
  'brand-1': '#deb79f',
  'brand-2': '#f5bb94',
  'brand-3': '#f69e45',
  'brand-4': '#e96453',
  'brand-5': '#e1374d',
}

RGB Array

[222, 183, 159], [245, 187, 148], [246, 158, 69], [233, 100, 83], [225, 55, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DEB79F, #F5BB94, #F69E45, #E96453, #E1374D 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: #deb79f; --color-2: #f5bb94; --color-3: #f69e45; --color-4: #e96453; --color-5: #e1374d. 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