← Back to Editor

#FDEDCC · #290B03 · #5A483E · #D6BC83 · #FBD977

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

Color Details Color Details

#FDEDCC

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEDCC
RGB
rgb(253, 237, 204)
HSL
hsl(40, 92%, 90%)
HSB
hsb(40, 19%, 99%)
CMYK
cmyk(0%, 6%, 19%, 1%)
Oklch
oklch(95.0% 0.046 85.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#290B03

Vermilion · Black · Deep Berry

HEX
#290B03
RGB
rgb(41, 11, 3)
HSL
hsl(13, 86%, 9%)
HSB
hsb(13, 93%, 16%)
CMYK
cmyk(0%, 73%, 93%, 84%)
Oklch
oklch(19.9% 0.054 38.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#5A483E

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5A483E
RGB
rgb(90, 72, 62)
HSL
hsl(21, 18%, 30%)
HSB
hsb(21, 31%, 35%)
CMYK
cmyk(0%, 20%, 31%, 65%)
Oklch
oklch(41.7% 0.030 50.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D6BC83

Ginger · BurlyWood · Sunflower

HEX
#D6BC83
RGB
rgb(214, 188, 131)
HSL
hsl(41, 50%, 68%)
HSB
hsb(41, 39%, 84%)
CMYK
cmyk(0%, 12%, 39%, 16%)
Oklch
oklch(80.4% 0.080 86.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FBD977

Goose Yellow · Khaki · Sunflower

HEX
#FBD977
RGB
rgb(251, 217, 119)
HSL
hsl(45, 94%, 73%)
HSB
hsb(45, 53%, 98%)
CMYK
cmyk(0%, 14%, 53%, 2%)
Oklch
oklch(89.4% 0.123 90.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDEDCC
CEDEFD

Analogous

FDD6CE
FDEDCC
F5FDCE

Triadic

FDEDCC
CEFDED
EDCEFD

Split-Comp.

FDEDCC
CEF5FD
D6CEFD

Tetradic

FDEDCC
CEFDD6
CEDEFD
FDCEF5

Contrast Matrix WCAG 2.1 Contrast

FDEDCC
290B03
5A483E
D6BC83
FBD977
—
15.9
AAA
7.5
AAA
1.6
Fail
1.2
Fail
15.9
AAA
—
2.1
Fail
10.0
AAA
13.4
AAA
7.5
AAA
2.1
Fail
—
4.7
AA
6.3
AA
1.6
Fail
10.0
AAA
4.7
AA
—
1.3
Fail
1.2
Fail
13.4
AAA
6.3
AA
1.3
Fail
—
White BG
1.2Fail
18.4AAA
8.6AAA
1.8Fail
1.4Fail
Black BG
18.2AAA
1.1Fail
2.4Fail
11.4AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D4
1C1C05
525240
CBCB91
ECEC8F

Deuteranopia

F7F8D6
1E2005
535541
CCCE94
EEF194

Tritanopia

FCDADC
270607
594243
D59C9E
F9A1A6

Achromatopsia

EEEEEE
131313
4C4C4C
BDBDBD
D8D8D8

Shades & Tints Shades & Tints

#FDEDCC

Dark
Light

#290B03

Dark
Light

#5A483E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdedcc;
  --color-2: #290b03;
  --color-3: #5a483e;
  --color-4: #d6bc83;
  --color-5: #fbd977;
}

SCSS

$color-1: #fdedcc;
$color-2: #290b03;
$color-3: #5a483e;
$color-4: #d6bc83;
$color-5: #fbd977;

TAILWIND

colors: {
  'brand-1': '#fdedcc',
  'brand-2': '#290b03',
  'brand-3': '#5a483e',
  'brand-4': '#d6bc83',
  'brand-5': '#fbd977',
}

RGB Array

[253, 237, 204], [41, 11, 3], [90, 72, 62], [214, 188, 131], [251, 217, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDEDCC, #290B03, #5A483E, #D6BC83, #FBD977 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: #fdedcc; --color-2: #290b03; --color-3: #5a483e; --color-4: #d6bc83; --color-5: #fbd977. 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 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