← Back to Editor

#EDE3AE · #F9B284 · #BFB150 · #904A30 · #BE5F0F

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

#EDE3AE

Fresh Green · Wheat · Lemon Cream

HEX
#EDE3AE
RGB
rgb(237, 227, 174)
HSL
hsl(50, 64%, 81%)
HSB
hsb(50, 27%, 93%)
CMYK
cmyk(0%, 4%, 27%, 7%)
Oklch
oklch(91.1% 0.069 98.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F9B284

Apricot · LightSalmon · Warm Sun

HEX
#F9B284
RGB
rgb(249, 178, 132)
HSL
hsl(24, 91%, 75%)
HSB
hsb(24, 47%, 98%)
CMYK
cmyk(0%, 29%, 47%, 2%)
Oklch
oklch(82.0% 0.103 53.7)

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

#BFB150

Autumn Sage · GoldenRod · Sunflower

HEX
#BFB150
RGB
rgb(191, 177, 80)
HSL
hsl(52, 46%, 53%)
HSB
hsb(52, 58%, 75%)
CMYK
cmyk(0%, 7%, 58%, 25%)
Oklch
oklch(75.3% 0.119 101.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#904A30

Tangerine · Sienna · Amber Brown

HEX
#904A30
RGB
rgb(144, 74, 48)
HSL
hsl(16, 50%, 38%)
HSB
hsb(16, 67%, 56%)
CMYK
cmyk(0%, 49%, 67%, 44%)
Oklch
oklch(49.0% 0.102 40.7)

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

#BE5F0F

Tangerine · Chocolate · Amber Brown

HEX
#BE5F0F
RGB
rgb(190, 95, 15)
HSL
hsl(27, 85%, 40%)
HSB
hsb(27, 92%, 75%)
CMYK
cmyk(0%, 50%, 92%, 25%)
Oklch
oklch(58.9% 0.146 52.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE3AE
B0BAEE

Analogous

EEC4B0
EDE3AE
D9EEB0

Triadic

EDE3AE
B0EEE3
E3B0EE

Split-Comp.

EDE3AE
B0D9EE
C4B0EE

Tetradic

EDE3AE
B0EEC4
B0BAEE
EEB0D9

Contrast Matrix WCAG 2.1 Contrast

EDE3AE
F9B284
BFB150
904A30
BE5F0F
—
1.4
Fail
1.7
Fail
5.0
AA
3.4
AA Large
1.4
Fail
—
1.2
Fail
3.7
AA Large
2.4
Fail
1.7
Fail
1.2
Fail
—
3.0
Fail
2.0
Fail
5.0
AA
3.7
AA Large
3.0
Fail
—
1.5
Fail
3.4
AA Large
2.4
Fail
2.0
Fail
1.5
Fail
—
White BG
1.3Fail
1.8Fail
2.2Fail
6.5AA
4.3AA Large
Black BG
16.2AAA
11.7AAA
9.6AAA
3.2AA Large
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9BB
DADA8F
B9B967
727136
959422

Deuteranopia

E9EABE
DEE492
BABB6D
767B38
9AA227

Tritanopia

ECC5C7
F5989A
BE7A7E
8C3B3C
B93235

Achromatopsia

E0E0E0
C2C2C2
AAAAAA
5C5C5C
727272

Shades & Tints Shades & Tints

#EDE3AE

Dark
Light

#F9B284

Dark
Light

#BFB150

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede3ae;
  --color-2: #f9b284;
  --color-3: #bfb150;
  --color-4: #904a30;
  --color-5: #be5f0f;
}

SCSS

$color-1: #ede3ae;
$color-2: #f9b284;
$color-3: #bfb150;
$color-4: #904a30;
$color-5: #be5f0f;

TAILWIND

colors: {
  'brand-1': '#ede3ae',
  'brand-2': '#f9b284',
  'brand-3': '#bfb150',
  'brand-4': '#904a30',
  'brand-5': '#be5f0f',
}

RGB Array

[237, 227, 174], [249, 178, 132], [191, 177, 80], [144, 74, 48], [190, 95, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE3AE, #F9B284, #BFB150, #904A30, #BE5F0F 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: #ede3ae; --color-2: #f9b284; --color-3: #bfb150; --color-4: #904a30; --color-5: #be5f0f. 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