← Back to Editor

#FEEFAE · #EFBF50 · #CC6F29 · #912002 · #8A7945

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

#FEEFAE

Goose Yellow · Wheat · Lemon Cream

HEX
#FEEFAE
RGB
rgb(254, 239, 174)
HSL
hsl(49, 98%, 84%)
HSB
hsb(49, 31%, 100%)
CMYK
cmyk(0%, 6%, 31%, 0%)
Oklch
oklch(94.9% 0.084 96.7)

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

#EFBF50

Ginger · SandyBrown · Sunflower

HEX
#EFBF50
RGB
rgb(239, 191, 80)
HSL
hsl(42, 83%, 63%)
HSB
hsb(42, 67%, 94%)
CMYK
cmyk(0%, 20%, 67%, 6%)
Oklch
oklch(82.7% 0.138 85.3)

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

#CC6F29

Tangerine · Chocolate · Amber Brown

HEX
#CC6F29
RGB
rgb(204, 111, 41)
HSL
hsl(26, 67%, 48%)
HSB
hsb(26, 80%, 80%)
CMYK
cmyk(0%, 46%, 80%, 20%)
Oklch
oklch(63.6% 0.142 53.1)

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

#912002

Vermilion · DarkRed · Wine Red

HEX
#912002
RGB
rgb(145, 32, 2)
HSL
hsl(13, 97%, 29%)
HSB
hsb(13, 99%, 57%)
CMYK
cmyk(0%, 78%, 99%, 43%)
Oklch
oklch(43.1% 0.153 34.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#8A7945

Ochre · Sienna · Honey Gold

HEX
#8A7945
RGB
rgb(138, 121, 69)
HSL
hsl(45, 33%, 41%)
HSB
hsb(45, 50%, 54%)
CMYK
cmyk(0%, 12%, 50%, 46%)
Oklch
oklch(58.0% 0.074 91.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEEFAE
AEBDFE

Analogous

FEC8AE
FEEFAE
E5FEAE

Triadic

FEEFAE
AEFEF0
F0AEFE

Split-Comp.

FEEFAE
AEE5FE
C8AEFE

Tetradic

FEEFAE
AEFEC8
AEBDFE
FEAEE5

Contrast Matrix WCAG 2.1 Contrast

FEEFAE
EFBF50
CC6F29
912002
8A7945
—
1.5
Fail
3.1
AA Large
7.5
AAA
3.7
AA Large
1.5
Fail
—
2.1
Fail
5.1
AA
2.5
Fail
3.1
AA Large
2.1
Fail
—
2.4
Fail
1.2
Fail
7.5
AAA
5.1
AA
2.4
Fail
—
2.0
Fail
3.7
AA Large
2.5
Fail
1.2
Fail
2.0
Fail
—
White BG
1.2Fail
1.7Fail
3.6AA Large
8.7AAA
4.3AA Large
Black BG
18.2AAA
12.2AAA
5.9AA
2.4Fail
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F7BE
DADA6B
A4A33A
605F09
838252

Deuteranopia

F8FAC2
DDE171
A9B03E
676F0B
848555

Tritanopia

FDCACD
ED8085
C7474A
8B0F10
895C5E

Achromatopsia

ECECEC
C1C1C1
838383
3E3E3E
787878

Shades & Tints Shades & Tints

#FEEFAE

Dark
Light

#EFBF50

Dark
Light

#CC6F29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feefae;
  --color-2: #efbf50;
  --color-3: #cc6f29;
  --color-4: #912002;
  --color-5: #8a7945;
}

SCSS

$color-1: #feefae;
$color-2: #efbf50;
$color-3: #cc6f29;
$color-4: #912002;
$color-5: #8a7945;

TAILWIND

colors: {
  'brand-1': '#feefae',
  'brand-2': '#efbf50',
  'brand-3': '#cc6f29',
  'brand-4': '#912002',
  'brand-5': '#8a7945',
}

RGB Array

[254, 239, 174], [239, 191, 80], [204, 111, 41], [145, 32, 2], [138, 121, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEEFAE, #EFBF50, #CC6F29, #912002, #8A7945 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: #feefae; --color-2: #efbf50; --color-3: #cc6f29; --color-4: #912002; --color-5: #8a7945. 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