← Back to Editor

#B4AF95 · #555204 · #AE0742 · #D58971 · #EDBB74

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

#B4AF95

Fresh Green · DarkGray · Sunflower

HEX
#B4AF95
RGB
rgb(180, 175, 149)
HSL
hsl(50, 17%, 65%)
HSB
hsb(50, 17%, 71%)
CMYK
cmyk(0%, 3%, 17%, 29%)
Oklch
oklch(75.1% 0.036 98.2)

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

#555204

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#555204
RGB
rgb(85, 82, 4)
HSL
hsl(58, 91%, 17%)
HSB
hsb(58, 95%, 33%)
CMYK
cmyk(0%, 4%, 95%, 67%)
Oklch
oklch(42.8% 0.090 107.2)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#AE0742

Dark Violet · FireBrick · Camellia

HEX
#AE0742
RGB
rgb(174, 7, 66)
HSL
hsl(339, 92%, 35%)
HSB
hsb(339, 96%, 68%)
CMYK
cmyk(0%, 96%, 62%, 32%)
Oklch
oklch(48.1% 0.189 11.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D58971

Peach Pink · DarkSalmon · Coral Red

HEX
#D58971
RGB
rgb(213, 137, 113)
HSL
hsl(14, 54%, 64%)
HSB
hsb(14, 47%, 84%)
CMYK
cmyk(0%, 36%, 47%, 16%)
Oklch
oklch(70.3% 0.100 38.3)

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

#EDBB74

Ginger · BurlyWood · Warm Sun

HEX
#EDBB74
RGB
rgb(237, 187, 116)
HSL
hsl(35, 77%, 69%)
HSB
hsb(35, 51%, 93%)
CMYK
cmyk(0%, 21%, 51%, 7%)
Oklch
oklch(82.2% 0.106 75.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4AF95
979CB5

Analogous

B5A197
B4AF95
ABB597

Triadic

B4AF95
97B5B0
B097B5

Split-Comp.

B4AF95
97ABB5
A197B5

Tetradic

B4AF95
97B5A1
979CB5
B597AB

Contrast Matrix WCAG 2.1 Contrast

B4AF95
555204
AE0742
D58971
EDBB74
—
3.7
AA Large
3.3
AA Large
1.2
Fail
1.3
Fail
3.7
AA Large
—
1.1
Fail
2.9
Fail
4.6
AA
3.3
AA Large
1.1
Fail
—
2.6
Fail
4.1
AA Large
1.2
Fail
2.9
Fail
2.6
Fail
—
1.6
Fail
1.3
Fail
4.6
AA
4.1
AA Large
1.6
Fail
—
White BG
2.2Fail
8.1AAA
7.2AAA
2.7Fail
1.8Fail
Black BG
9.5AAA
2.6Fail
2.9Fail
7.6AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B29B
545417
666434
B4B377
D7D785

Deuteranopia

B2B39D
54541B
6F7C30
B9BE78
DADE89

Tritanopia

B4A0A1
552629
A62826
D17B7C
EA9396

Achromatopsia

AEAEAE
4A4A4A
404040
9D9D9D
C2C2C2

Shades & Tints Shades & Tints

#B4AF95

Dark
Light

#555204

Dark
Light

#AE0742

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4af95;
  --color-2: #555204;
  --color-3: #ae0742;
  --color-4: #d58971;
  --color-5: #edbb74;
}

SCSS

$color-1: #b4af95;
$color-2: #555204;
$color-3: #ae0742;
$color-4: #d58971;
$color-5: #edbb74;

TAILWIND

colors: {
  'brand-1': '#b4af95',
  'brand-2': '#555204',
  'brand-3': '#ae0742',
  'brand-4': '#d58971',
  'brand-5': '#edbb74',
}

RGB Array

[180, 175, 149], [85, 82, 4], [174, 7, 66], [213, 137, 113], [237, 187, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4AF95, #555204, #AE0742, #D58971, #EDBB74 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: #b4af95; --color-2: #555204; --color-3: #ae0742; --color-4: #d58971; --color-5: #edbb74. 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