← Back to Editor

#D5C4AA · #FFE9D1 · #FCA498 · #AB5E4C · #442012

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 AppData Visualization

Color Details Color Details

#D5C4AA

Goose Yellow · Silver · Warm Sun

HEX
#D5C4AA
RGB
rgb(213, 196, 170)
HSL
hsl(36, 34%, 75%)
HSB
hsb(36, 20%, 84%)
CMYK
cmyk(0%, 8%, 20%, 16%)
Oklch
oklch(82.8% 0.040 78.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFE9D1

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9D1
RGB
rgb(255, 233, 209)
HSL
hsl(31, 100%, 91%)
HSB
hsb(31, 18%, 100%)
CMYK
cmyk(0%, 9%, 18%, 0%)
Oklch
oklch(94.6% 0.040 69.7)

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

#FCA498

Peach Pink · LightSalmon · Coral Red

HEX
#FCA498
RGB
rgb(252, 164, 152)
HSL
hsl(7, 94%, 79%)
HSB
hsb(7, 40%, 99%)
CMYK
cmyk(0%, 35%, 40%, 1%)
Oklch
oklch(80.3% 0.107 28.1)

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

#AB5E4C

Crimson · Sienna · Passion Red

HEX
#AB5E4C
RGB
rgb(171, 94, 76)
HSL
hsl(11, 38%, 48%)
HSB
hsb(11, 56%, 67%)
CMYK
cmyk(0%, 45%, 56%, 33%)
Oklch
oklch(56.7% 0.105 34.2)

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

#442012

Tangerine · Maroon · Cinnamon

HEX
#442012
RGB
rgb(68, 32, 18)
HSL
hsl(17, 58%, 17%)
HSB
hsb(17, 74%, 27%)
CMYK
cmyk(0%, 53%, 74%, 73%)
Oklch
oklch(29.1% 0.060 41.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C4AA
AABBD5

Analogous

D5AEAA
D5C4AA
D1D5AA

Triadic

D5C4AA
AAD5C4
C4AAD5

Split-Comp.

D5C4AA
AAD1D5
AEAAD5

Tetradic

D5C4AA
AAD5AE
AABBD5
D5AAD1

Contrast Matrix WCAG 2.1 Contrast

D5C4AA
FFE9D1
FCA498
AB5E4C
442012
—
1.4
Fail
1.1
Fail
2.8
Fail
8.4
AAA
1.4
Fail
—
1.6
Fail
4.0
AA Large
12.2
AAA
1.1
Fail
1.6
Fail
—
2.5
Fail
7.5
AAA
2.8
Fail
4.0
AA Large
2.5
Fail
—
3.0
AA Large
8.4
AAA
12.2
AAA
7.5
AAA
3.0
AA Large
—
White BG
1.7Fail
1.2Fail
1.9Fail
4.7AA
14.4AAA
Black BG
12.3AAA
17.8AAA
10.9AAA
4.4AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECDB0
F5F5D7
D6D59B
8A8950
343415

Deuteranopia

CFD0B2
F7F8D8
DBE29C
8E9451
373916

Tritanopia

D4B5B6
FEDBDC
F89D9E
A75455
421819

Achromatopsia

C6C6C6
EDEDED
BDBDBD
737373
292929

Shades & Tints Shades & Tints

#D5C4AA

Dark
Light

#FFE9D1

Dark
Light

#FCA498

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c4aa;
  --color-2: #ffe9d1;
  --color-3: #fca498;
  --color-4: #ab5e4c;
  --color-5: #442012;
}

SCSS

$color-1: #d5c4aa;
$color-2: #ffe9d1;
$color-3: #fca498;
$color-4: #ab5e4c;
$color-5: #442012;

TAILWIND

colors: {
  'brand-1': '#d5c4aa',
  'brand-2': '#ffe9d1',
  'brand-3': '#fca498',
  'brand-4': '#ab5e4c',
  'brand-5': '#442012',
}

RGB Array

[213, 196, 170], [255, 233, 209], [252, 164, 152], [171, 94, 76], [68, 32, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D5C4AA, #FFE9D1, #FCA498, #AB5E4C, #442012 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d5c4aa; --color-2: #ffe9d1; --color-3: #fca498; --color-4: #ab5e4c; --color-5: #442012. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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