← Back to Editor

#FFDCA0 · #FFBE88 · #FF907A · #FF6976 · #FF4075

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

#FFDCA0

Goose Yellow · Wheat · Peach Orange

HEX
#FFDCA0
RGB
rgb(255, 220, 160)
HSL
hsl(38, 100%, 81%)
HSB
hsb(38, 37%, 100%)
CMYK
cmyk(0%, 14%, 37%, 0%)
Oklch
oklch(91.0% 0.086 80.7)

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

#FFBE88

Apricot · LightSalmon · Peach Orange

HEX
#FFBE88
RGB
rgb(255, 190, 136)
HSL
hsl(27, 100%, 77%)
HSB
hsb(27, 47%, 100%)
CMYK
cmyk(0%, 25%, 47%, 0%)
Oklch
oklch(84.9% 0.102 60.5)

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

#FF907A

Peach Pink · LightSalmon · Coral Red

HEX
#FF907A
RGB
rgb(255, 144, 122)
HSL
hsl(10, 100%, 74%)
HSB
hsb(10, 52%, 100%)
CMYK
cmyk(0%, 44%, 52%, 0%)
Oklch
oklch(76.8% 0.139 32.2)

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

#FF6976

Peach Pink · Salmon · Coral Red

HEX
#FF6976
RGB
rgb(255, 105, 118)
HSL
hsl(355, 100%, 71%)
HSB
hsb(355, 59%, 100%)
CMYK
cmyk(0%, 59%, 54%, 0%)
Oklch
oklch(71.1% 0.183 17.8)

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

#FF4075

Rouge · DeepPink · Rose Pink

HEX
#FF4075
RGB
rgb(255, 64, 117)
HSL
hsl(343, 100%, 63%)
HSB
hsb(343, 75%, 100%)
CMYK
cmyk(0%, 75%, 54%, 0%)
Oklch
oklch(66.9% 0.226 9.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDCA0
9EC2FF

Analogous

FFAB9E
FFDCA0
F2FF9E

Triadic

FFDCA0
9EFFDB
DB9EFF

Split-Comp.

FFDCA0
9EF2FF
AB9EFF

Tetradic

FFDCA0
9EFFAB
9EC2FF
FF9EF2

Contrast Matrix WCAG 2.1 Contrast

FFDCA0
FFBE88
FF907A
FF6976
FF4075
—
1.2
Fail
1.7
Fail
2.1
Fail
2.6
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
2.8Fail
3.4AA Large
Black BG
16.0AAA
13.0AAA
9.5AAA
7.5AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0AF
E3E295
CFCE7F
BEBD73
ACAB68

Deuteranopia

F2F5B2
E7EC98
D5DE81
C7D272
B7C665

Tritanopia

FDBABD
FC9FA2
F98484
F87070
F55E5C

Achromatopsia

E0E0E0
CBCBCB
AFAFAF
979797
7F7F7F

Shades & Tints Shades & Tints

#FFDCA0

Dark
Light

#FFBE88

Dark
Light

#FF907A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdca0;
  --color-2: #ffbe88;
  --color-3: #ff907a;
  --color-4: #ff6976;
  --color-5: #ff4075;
}

SCSS

$color-1: #ffdca0;
$color-2: #ffbe88;
$color-3: #ff907a;
$color-4: #ff6976;
$color-5: #ff4075;

TAILWIND

colors: {
  'brand-1': '#ffdca0',
  'brand-2': '#ffbe88',
  'brand-3': '#ff907a',
  'brand-4': '#ff6976',
  'brand-5': '#ff4075',
}

RGB Array

[255, 220, 160], [255, 190, 136], [255, 144, 122], [255, 105, 118], [255, 64, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFDCA0, #FFBE88, #FF907A, #FF6976, #FF4075 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: #ffdca0; --color-2: #ffbe88; --color-3: #ff907a; --color-4: #ff6976; --color-5: #ff4075. 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