← Back to Editor

#FFD996 · #F0A049 · #FCE1BF · #FFB69D · #F2938B

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

#FFD996

Goose Yellow · Khaki · Peach Orange

HEX
#FFD996
RGB
rgb(255, 217, 150)
HSL
hsl(38, 100%, 79%)
HSB
hsb(38, 41%, 100%)
CMYK
cmyk(0%, 15%, 41%, 0%)
Oklch
oklch(90.3% 0.094 81.2)

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

#F0A049

Ginger · SandyBrown · Warm Sun

HEX
#F0A049
RGB
rgb(240, 160, 73)
HSL
hsl(31, 85%, 61%)
HSB
hsb(31, 70%, 94%)
CMYK
cmyk(0%, 33%, 70%, 6%)
Oklch
oklch(77.0% 0.139 65.1)

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

#FCE1BF

Goose Yellow · Bisque · Peach Orange

HEX
#FCE1BF
RGB
rgb(252, 225, 191)
HSL
hsl(33, 91%, 87%)
HSB
hsb(33, 24%, 99%)
CMYK
cmyk(0%, 11%, 24%, 1%)
Oklch
oklch(92.3% 0.054 73.4)

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

#FFB69D

Apricot · LightPink · Peach Orange

HEX
#FFB69D
RGB
rgb(255, 182, 157)
HSL
hsl(15, 100%, 81%)
HSB
hsb(15, 38%, 100%)
CMYK
cmyk(0%, 29%, 38%, 0%)
Oklch
oklch(83.9% 0.092 39.7)

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

#F2938B

Peach Pink · DarkSalmon · Coral Red

HEX
#F2938B
RGB
rgb(242, 147, 139)
HSL
hsl(5, 80%, 75%)
HSB
hsb(5, 43%, 95%)
CMYK
cmyk(0%, 39%, 43%, 5%)
Oklch
oklch(76.0% 0.116 25.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD996
94BBFF

Analogous

FFA294
FFD996
F1FF94

Triadic

FFD996
94FFD8
D894FF

Split-Comp.

FFD996
94F1FF
A294FF

Tetradic

FFD996
94FFA2
94BBFF
FF94F1

Contrast Matrix WCAG 2.1 Contrast

FFD996
F0A049
FCE1BF
FFB69D
F2938B
—
1.6
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.6
Fail
—
1.7
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.7
Fail
—
1.3
Fail
1.8
Fail
1.3
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
1.8
Fail
1.3
Fail
—
White BG
1.3Fail
2.1Fail
1.3Fail
1.7Fail
2.3Fail
Black BG
15.6AAA
9.8AAA
16.7AAA
12.4AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEA6
CDCD5E
F0F0C7
DFDFA3
C9C88D

Deuteranopia

F1F4AA
D2D863
F2F4C9
E4E9A5
CED58D

Tritanopia

FDB3B6
EC6F72
FBCECF
FBA8A9
ED8E8F

Achromatopsia

DDDDDD
AEAEAE
E5E5E5
C9C9C9
AEAEAE

Shades & Tints Shades & Tints

#FFD996

Dark
Light

#F0A049

Dark
Light

#FCE1BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd996;
  --color-2: #f0a049;
  --color-3: #fce1bf;
  --color-4: #ffb69d;
  --color-5: #f2938b;
}

SCSS

$color-1: #ffd996;
$color-2: #f0a049;
$color-3: #fce1bf;
$color-4: #ffb69d;
$color-5: #f2938b;

TAILWIND

colors: {
  'brand-1': '#ffd996',
  'brand-2': '#f0a049',
  'brand-3': '#fce1bf',
  'brand-4': '#ffb69d',
  'brand-5': '#f2938b',
}

RGB Array

[255, 217, 150], [240, 160, 73], [252, 225, 191], [255, 182, 157], [242, 147, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFD996, #F0A049, #FCE1BF, #FFB69D, #F2938B 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: #ffd996; --color-2: #f0a049; --color-3: #fce1bf; --color-4: #ffb69d; --color-5: #f2938b. 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