← Back to Editor

#FFDFB9 · #F46652 · #FF9575 · #FFEBD2 · #FFB0A1

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

#FFDFB9

Goose Yellow · Wheat · Peach Orange

HEX
#FFDFB9
RGB
rgb(255, 223, 185)
HSL
hsl(33, 100%, 86%)
HSB
hsb(33, 27%, 100%)
CMYK
cmyk(0%, 13%, 27%, 0%)
Oklch
oklch(92.1% 0.061 71.7)

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

#F46652

Peach Pink · Tomato · Coral Red

HEX
#F46652
RGB
rgb(244, 102, 82)
HSL
hsl(7, 88%, 64%)
HSB
hsb(7, 66%, 96%)
CMYK
cmyk(0%, 58%, 66%, 4%)
Oklch
oklch(68.5% 0.179 30.3)

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

#FF9575

Peach Pink · LightSalmon · Coral Red

HEX
#FF9575
RGB
rgb(255, 149, 117)
HSL
hsl(14, 100%, 73%)
HSB
hsb(14, 54%, 100%)
CMYK
cmyk(0%, 42%, 54%, 0%)
Oklch
oklch(77.5% 0.136 37.6)

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

#FFEBD2

Goose Yellow · Bisque · Peach Orange

HEX
#FFEBD2
RGB
rgb(255, 235, 210)
HSL
hsl(33, 100%, 91%)
HSB
hsb(33, 18%, 100%)
CMYK
cmyk(0%, 8%, 18%, 0%)
Oklch
oklch(95.0% 0.039 73.4)

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

#FFB0A1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB0A1
RGB
rgb(255, 176, 161)
HSL
hsl(10, 100%, 82%)
HSB
hsb(10, 37%, 100%)
CMYK
cmyk(0%, 31%, 37%, 0%)
Oklch
oklch(82.9% 0.096 31.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDFB9
B8D8FF

Analogous

FFBBB8
FFDFB9
FBFFB8

Triadic

FFDFB9
B8FFDF
DFB8FF

Split-Comp.

FFDFB9
B8FBFF
BBB8FF

Tetradic

FFDFB9
B8FFBB
B8D8FF
FFB8FB

Contrast Matrix WCAG 2.1 Contrast

FFDFB9
F46652
FF9575
FFEBD2
FFB0A1
—
2.4
Fail
1.7
Fail
1.1
Fail
1.4
Fail
2.4
Fail
—
1.4
Fail
2.6
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
1.8
Fail
1.2
Fail
1.1
Fail
2.6
Fail
1.8
Fail
—
1.5
Fail
1.4
Fail
1.7
Fail
1.2
Fail
1.5
Fail
—
White BG
1.3Fail
3.1AA Large
2.1Fail
1.2Fail
1.8Fail
Black BG
16.5AAA
6.9AA
9.8AAA
18.1AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1C2
B7B557
D1D07D
F6F6D8
DDDCA5

Deuteranopia

F3F5C4
BFC958
D7DF7F
F8F9DA
E1E7A6

Tritanopia

FDC9CB
ED5B5C
FA8384
FEDDDE
FBA7A8

Achromatopsia

E4E4E4
8E8E8E
B1B1B1
EEEEEE
C6C6C6

Shades & Tints Shades & Tints

#FFDFB9

Dark
Light

#F46652

Dark
Light

#FF9575

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdfb9;
  --color-2: #f46652;
  --color-3: #ff9575;
  --color-4: #ffebd2;
  --color-5: #ffb0a1;
}

SCSS

$color-1: #ffdfb9;
$color-2: #f46652;
$color-3: #ff9575;
$color-4: #ffebd2;
$color-5: #ffb0a1;

TAILWIND

colors: {
  'brand-1': '#ffdfb9',
  'brand-2': '#f46652',
  'brand-3': '#ff9575',
  'brand-4': '#ffebd2',
  'brand-5': '#ffb0a1',
}

RGB Array

[255, 223, 185], [244, 102, 82], [255, 149, 117], [255, 235, 210], [255, 176, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDFB9, #F46652, #FF9575, #FFEBD2, #FFB0A1 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: #ffdfb9; --color-2: #f46652; --color-3: #ff9575; --color-4: #ffebd2; --color-5: #ffb0a1. 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