← Back to Editor

#524909 · #E77166 · #D0E286 · #D1C35B · #A8BB5E

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

#524909

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#524909
RGB
rgb(82, 73, 9)
HSL
hsl(53, 80%, 18%)
HSB
hsb(53, 89%, 32%)
CMYK
cmyk(0%, 11%, 89%, 68%)
Oklch
oklch(40.2% 0.079 100.6)

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

#E77166

Peach Pink · Salmon · Coral Red

HEX
#E77166
RGB
rgb(231, 113, 102)
HSL
hsl(5, 73%, 65%)
HSB
hsb(5, 56%, 91%)
CMYK
cmyk(0%, 51%, 56%, 9%)
Oklch
oklch(68.5% 0.149 27.1)

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

#D0E286

Willow Green · Khaki · Apple Green

HEX
#D0E286
RGB
rgb(208, 226, 134)
HSL
hsl(72, 61%, 71%)
HSB
hsb(72, 41%, 89%)
CMYK
cmyk(8%, 0%, 41%, 11%)
Oklch
oklch(87.9% 0.118 118.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D1C35B

Autumn Sage · SandyBrown · Sunflower

HEX
#D1C35B
RGB
rgb(209, 195, 91)
HSL
hsl(53, 56%, 59%)
HSB
hsb(53, 56%, 82%)
CMYK
cmyk(0%, 7%, 56%, 18%)
Oklch
oklch(80.8% 0.126 101.7)

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

#A8BB5E

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8BB5E
RGB
rgb(168, 187, 94)
HSL
hsl(72, 41%, 55%)
HSB
hsb(72, 50%, 73%)
CMYK
cmyk(10%, 0%, 50%, 27%)
Oklch
oklch(75.7% 0.121 118.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

524909
091253

Analogous

532509
524909
365309

Triadic

524909
09534A
4A0953

Split-Comp.

524909
093653
250953

Tetradic

524909
095325
091253
530936

Contrast Matrix WCAG 2.1 Contrast

524909
E77166
D0E286
D1C35B
A8BB5E
—
3.0
AA Large
6.4
AA
5.0
AA
4.3
AA Large
3.0
AA Large
—
2.1
Fail
1.7
Fail
1.4
Fail
6.4
AA
2.1
Fail
—
1.3
Fail
1.5
Fail
5.0
AA
1.7
Fail
1.3
Fail
—
1.2
Fail
4.3
AA Large
1.4
Fail
1.5
Fail
1.2
Fail
—
White BG
9.1AAA
3.0AA Large
1.4Fail
1.8Fail
2.1Fail
Black BG
2.3Fail
7.0AA
14.9AAA
11.7AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E18
B4B369
D8D89C
CBCB74
B0B075

Deuteranopia

4F4F1C
BBC469
D7D5A2
CCCD7A
AFAE7A

Tritanopia

522527
E16B6B
D1AEB2
D0888C
A9868A

Achromatopsia

444444
939393
D2D2D2
BBBBBB
ABABAB

Shades & Tints Shades & Tints

#524909

Dark
Light

#E77166

Dark
Light

#D0E286

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #524909;
  --color-2: #e77166;
  --color-3: #d0e286;
  --color-4: #d1c35b;
  --color-5: #a8bb5e;
}

SCSS

$color-1: #524909;
$color-2: #e77166;
$color-3: #d0e286;
$color-4: #d1c35b;
$color-5: #a8bb5e;

TAILWIND

colors: {
  'brand-1': '#524909',
  'brand-2': '#e77166',
  'brand-3': '#d0e286',
  'brand-4': '#d1c35b',
  'brand-5': '#a8bb5e',
}

RGB Array

[82, 73, 9], [231, 113, 102], [208, 226, 134], [209, 195, 91], [168, 187, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #524909, #E77166, #D0E286, #D1C35B, #A8BB5E 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: #524909; --color-2: #e77166; --color-3: #d0e286; --color-4: #d1c35b; --color-5: #a8bb5e. 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