← Back to Editor

#47321D · #D98D3F · #FFC96A · #FCE599 · #FFF9FF

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

#47321D

Ochre · DarkOliveGreen · Cinnamon

HEX
#47321D
RGB
rgb(71, 50, 29)
HSL
hsl(30, 42%, 20%)
HSB
hsb(30, 59%, 28%)
CMYK
cmyk(0%, 30%, 59%, 72%)
Oklch
oklch(33.6% 0.045 65.3)

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

#D98D3F

Ginger · GoldenRod · Warm Sun

HEX
#D98D3F
RGB
rgb(217, 141, 63)
HSL
hsl(30, 67%, 55%)
HSB
hsb(30, 71%, 85%)
CMYK
cmyk(0%, 35%, 71%, 15%)
Oklch
oklch(70.7% 0.131 63.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FFC96A

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFC96A
RGB
rgb(255, 201, 106)
HSL
hsl(38, 100%, 71%)
HSB
hsb(38, 58%, 100%)
CMYK
cmyk(0%, 21%, 58%, 0%)
Oklch
oklch(86.5% 0.128 79.8)

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

#FCE599

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE599
RGB
rgb(252, 229, 153)
HSL
hsl(46, 94%, 79%)
HSB
hsb(46, 39%, 99%)
CMYK
cmyk(0%, 9%, 39%, 1%)
Oklch
oklch(92.4% 0.098 93.2)

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

#FFF9FF

Mauve · Snow · Lavender

HEX
#FFF9FF
RGB
rgb(255, 249, 255)
HSL
hsl(300, 100%, 99%)
HSB
hsb(300, 2%, 100%)
CMYK
cmyk(0%, 2%, 0%, 0%)
Oklch
oklch(98.8% 0.010 325.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47321D
1E3348

Analogous

481E1E
47321D
48481E

Triadic

47321D
1E4833
331E48

Split-Comp.

47321D
1E4848
1E1E48

Tetradic

47321D
1E481E
1E3348
481E48

Contrast Matrix WCAG 2.1 Contrast

47321D
D98D3F
FFC96A
FCE599
FFF9FF
—
4.5
AA Large
7.9
AAA
9.6
AAA
11.6
AAA
4.5
AA Large
—
1.8
Fail
2.1
Fail
2.6
Fail
7.9
AAA
1.8
Fail
—
1.2
Fail
1.5
Fail
9.6
AAA
2.1
Fail
1.2
Fail
—
1.2
Fail
11.6
AAA
2.6
Fail
1.5
Fail
1.2
Fail
—
White BG
12.1AAA
2.7Fail
1.5Fail
1.2Fail
1.0Fail
Black BG
1.7Fail
7.8AAA
13.8AAA
16.8AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E22
B8B752
E8E781
F2F2AB
FCFCFE

Deuteranopia

3F4123
BDC256
EBEF87
F3F5B0
FDFDFD

Tritanopia

462627
D56164
FC9397
FBBABD
FFFCFC

Achromatopsia

363636
9B9B9B
CECECE
E3E3E3
FBFBFB

Shades & Tints Shades & Tints

#47321D

Dark
Light

#D98D3F

Dark
Light

#FFC96A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47321d;
  --color-2: #d98d3f;
  --color-3: #ffc96a;
  --color-4: #fce599;
  --color-5: #fff9ff;
}

SCSS

$color-1: #47321d;
$color-2: #d98d3f;
$color-3: #ffc96a;
$color-4: #fce599;
$color-5: #fff9ff;

TAILWIND

colors: {
  'brand-1': '#47321d',
  'brand-2': '#d98d3f',
  'brand-3': '#ffc96a',
  'brand-4': '#fce599',
  'brand-5': '#fff9ff',
}

RGB Array

[71, 50, 29], [217, 141, 63], [255, 201, 106], [252, 229, 153], [255, 249, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47321D, #D98D3F, #FFC96A, #FCE599, #FFF9FF 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: #47321d; --color-2: #d98d3f; --color-3: #ffc96a; --color-4: #fce599; --color-5: #fff9ff. 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