← Back to Editor

#82885B · #E6D581 · #9C3523 · #D1BE46 · #069585

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#82885B

Autumn Sage · Gray · Honey Gold

HEX
#82885B
RGB
rgb(130, 136, 91)
HSL
hsl(68, 20%, 45%)
HSB
hsb(68, 33%, 53%)
CMYK
cmyk(4%, 0%, 33%, 47%)
Oklch
oklch(61.0% 0.064 114.5)

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

#E6D581

Fresh Green · Khaki · Sunflower

HEX
#E6D581
RGB
rgb(230, 213, 129)
HSL
hsl(50, 67%, 70%)
HSB
hsb(50, 44%, 90%)
CMYK
cmyk(0%, 7%, 44%, 10%)
Oklch
oklch(86.9% 0.106 98.2)

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

#9C3523

Vermilion · Brown · Wine Red

HEX
#9C3523
RGB
rgb(156, 53, 35)
HSL
hsl(9, 63%, 37%)
HSB
hsb(9, 78%, 61%)
CMYK
cmyk(0%, 66%, 78%, 39%)
Oklch
oklch(47.6% 0.141 32.2)

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

#D1BE46

Autumn Sage · GoldenRod · Sunflower

HEX
#D1BE46
RGB
rgb(209, 190, 70)
HSL
hsl(52, 60%, 55%)
HSB
hsb(52, 67%, 82%)
CMYK
cmyk(0%, 9%, 67%, 18%)
Oklch
oklch(79.6% 0.139 100.2)

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

#069585

Mineral Blue · Teal · Mint Ice

HEX
#069585
RGB
rgb(6, 149, 133)
HSL
hsl(173, 92%, 30%)
HSB
hsb(173, 96%, 58%)
CMYK
cmyk(96%, 0%, 11%, 42%)
Oklch
oklch(60.1% 0.107 181.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82885B
625C8A

Analogous

8A795C
82885B
6D8A5C

Triadic

82885B
5C848A
8A5C84

Split-Comp.

82885B
5C6D8A
795C8A

Tetradic

82885B
5C8A79
625C8A
8A5C6D

Contrast Matrix WCAG 2.1 Contrast

82885B
E6D581
9C3523
D1BE46
069585
—
2.5
Fail
1.9
Fail
2.0
Fail
1.0
Fail
2.5
Fail
—
4.8
AA
1.3
Fail
2.5
Fail
1.9
Fail
4.8
AA
—
3.8
AA Large
1.9
Fail
2.0
Fail
1.3
Fail
3.8
AA Large
—
2.0
Fail
1.0
Fail
2.5
Fail
1.9
Fail
2.0
Fail
—
White BG
3.7AA Large
1.5Fail
7.1AAA
1.9Fail
3.7AA Large
Black BG
5.6AA
14.2AAA
2.9Fail
11.2AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858566
DFDE95
6F6E27
C9C963
444589

Deuteranopia

848469
E0E19A
757D28
CACB6A
3C318A

Tritanopia

826E70
E5A5A9
972B2C
D07A7F
0D8C8D

Achromatopsia

818181
D1D1D1
525252
B6B6B6
686868

Shades & Tints Shades & Tints

#82885B

Dark
Light

#E6D581

Dark
Light

#9C3523

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82885b;
  --color-2: #e6d581;
  --color-3: #9c3523;
  --color-4: #d1be46;
  --color-5: #069585;
}

SCSS

$color-1: #82885b;
$color-2: #e6d581;
$color-3: #9c3523;
$color-4: #d1be46;
$color-5: #069585;

TAILWIND

colors: {
  'brand-1': '#82885b',
  'brand-2': '#e6d581',
  'brand-3': '#9c3523',
  'brand-4': '#d1be46',
  'brand-5': '#069585',
}

RGB Array

[130, 136, 91], [230, 213, 129], [156, 53, 35], [209, 190, 70], [6, 149, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82885B, #E6D581, #9C3523, #D1BE46, #069585 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #82885b; --color-2: #e6d581; --color-3: #9c3523; --color-4: #d1be46; --color-5: #069585. 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. 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