← Back to Editor

#B5B893 · #C59400 · #C48300 · #B7AC00 · #86BA84

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 App

Color Details Color Details

#B5B893

Fresh Green · DarkGray · Sunflower

HEX
#B5B893
RGB
rgb(181, 184, 147)
HSL
hsl(65, 21%, 65%)
HSB
hsb(65, 20%, 72%)
CMYK
cmyk(2%, 0%, 20%, 28%)
Oklch
oklch(77.0% 0.051 111.3)

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

#C59400

Ochre · DarkGoldenRod · Honey Gold

HEX
#C59400
RGB
rgb(197, 148, 0)
HSL
hsl(45, 100%, 39%)
HSB
hsb(45, 100%, 77%)
CMYK
cmyk(0%, 25%, 100%, 23%)
Oklch
oklch(69.4% 0.142 84.8)

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

#C48300

Ochre · DarkGoldenRod · Honey Gold

HEX
#C48300
RGB
rgb(196, 131, 0)
HSL
hsl(40, 100%, 38%)
HSB
hsb(40, 100%, 77%)
CMYK
cmyk(0%, 33%, 100%, 23%)
Oklch
oklch(66.0% 0.140 74.2)

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

#B7AC00

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B7AC00
RGB
rgb(183, 172, 0)
HSL
hsl(56, 100%, 36%)
HSB
hsb(56, 100%, 72%)
CMYK
cmyk(0%, 6%, 100%, 28%)
Oklch
oklch(73.0% 0.155 105.0)

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

#86BA84

Celadon · DarkSeaGreen · Apple Green

HEX
#86BA84
RGB
rgb(134, 186, 132)
HSL
hsl(118, 28%, 62%)
HSB
hsb(118, 29%, 73%)
CMYK
cmyk(28%, 0%, 29%, 27%)
Oklch
oklch(73.8% 0.094 143.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5B893
9693B8

Analogous

B8A993
B5B893
A3B893

Triadic

B5B893
93B5B8
B893B5

Split-Comp.

B5B893
93A3B8
A993B8

Tetradic

B5B893
93B8A9
9693B8
B893A3

Contrast Matrix WCAG 2.1 Contrast

B5B893
C59400
C48300
B7AC00
86BA84
—
1.3
Fail
1.6
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
1.2
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.4
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
White BG
2.1Fail
2.8Fail
3.2AA Large
2.4Fail
2.2Fail
Black BG
10.2AAA
7.6AAA
6.6AA
8.9AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B69C
B0AF24
A8A720
B2B22A
9D9D91

Deuteranopia

B6B69E
B3B62C
ACB127
B3B434
9A9694

Tritanopia

B5A3A5
C34046
C1393E
B64A52
899B9E

Achromatopsia

B3B3B3
929292
888888
9C9C9C
A4A4A4

Shades & Tints Shades & Tints

#B5B893

Dark
Light

#C59400

Dark
Light

#C48300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5b893;
  --color-2: #c59400;
  --color-3: #c48300;
  --color-4: #b7ac00;
  --color-5: #86ba84;
}

SCSS

$color-1: #b5b893;
$color-2: #c59400;
$color-3: #c48300;
$color-4: #b7ac00;
$color-5: #86ba84;

TAILWIND

colors: {
  'brand-1': '#b5b893',
  'brand-2': '#c59400',
  'brand-3': '#c48300',
  'brand-4': '#b7ac00',
  'brand-5': '#86ba84',
}

RGB Array

[181, 184, 147], [197, 148, 0], [196, 131, 0], [183, 172, 0], [134, 186, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5B893, #C59400, #C48300, #B7AC00, #86BA84 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: #b5b893; --color-2: #c59400; --color-3: #c48300; --color-4: #b7ac00; --color-5: #86ba84. 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