← Back to Editor

#B5BF9D · #99966B · #73775C · #464E3F · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#B5BF9D

Willow Green · DarkGray · Apple Green

HEX
#B5BF9D
RGB
rgb(181, 191, 157)
HSL
hsl(78, 21%, 68%)
HSB
hsb(78, 18%, 75%)
CMYK
cmyk(5%, 0%, 18%, 25%)
Oklch
oklch(78.8% 0.048 120.8)

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

#99966B

Autumn Sage · Gray · Sunflower

HEX
#99966B
RGB
rgb(153, 150, 107)
HSL
hsl(56, 18%, 51%)
HSB
hsb(56, 30%, 60%)
CMYK
cmyk(0%, 2%, 30%, 40%)
Oklch
oklch(66.5% 0.060 104.5)

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

#73775C

Autumn Sage · DimGray · Honey Gold

HEX
#73775C
RGB
rgb(115, 119, 92)
HSL
hsl(69, 13%, 41%)
HSB
hsb(69, 23%, 47%)
CMYK
cmyk(3%, 0%, 23%, 53%)
Oklch
oklch(55.8% 0.040 114.6)

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

#464E3F

Celadon · DarkSlateGray · Forest Green

HEX
#464E3F
RGB
rgb(70, 78, 63)
HSL
hsl(92, 11%, 28%)
HSB
hsb(92, 19%, 31%)
CMYK
cmyk(10%, 0%, 19%, 69%)
Oklch
oklch(41.2% 0.026 130.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5BF9D
A79CBF

Analogous

BFB89C
B5BF9D
A3BF9C

Triadic

B5BF9D
9CB4BF
BF9CB4

Split-Comp.

B5BF9D
9CA3BF
B89CBF

Tetradic

B5BF9D
9CBFB8
A79CBF
BF9CA3

Contrast Matrix WCAG 2.1 Contrast

B5BF9D
99966B
73775C
464E3F
000000
—
1.6
Fail
2.4
Fail
4.5
AA
10.9
AAA
1.6
Fail
—
1.5
Fail
2.9
Fail
6.9
AA
2.4
Fail
1.5
Fail
—
1.9
Fail
4.5
AA
4.5
AA
2.9
Fail
1.9
Fail
—
2.4
Fail
10.9
AAA
6.9
AA
4.5
AA
2.4
Fail
—
White BG
1.9Fail
3.0AA Large
4.6AA
8.7AAA
21.0AAA
Black BG
10.9AAA
6.9AA
4.5AA
2.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9A5
989875
757563
494A43
000000

Deuteranopia

B9B8A7
989878
757464
494844
000000

Tritanopia

B6ACAD
997E7F
736869
464546
000000

Achromatopsia

B8B8B8
929292
737373
4A4A4A
000000

Shades & Tints Shades & Tints

#B5BF9D

Dark
Light

#99966B

Dark
Light

#73775C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5bf9d;
  --color-2: #99966b;
  --color-3: #73775c;
  --color-4: #464e3f;
  --color-5: #000000;
}

SCSS

$color-1: #b5bf9d;
$color-2: #99966b;
$color-3: #73775c;
$color-4: #464e3f;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#b5bf9d',
  'brand-2': '#99966b',
  'brand-3': '#73775c',
  'brand-4': '#464e3f',
  'brand-5': '#000000',
}

RGB Array

[181, 191, 157], [153, 150, 107], [115, 119, 92], [70, 78, 63], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5BF9D, #99966B, #73775C, #464E3F, #000000 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b5bf9d; --color-2: #99966b; --color-3: #73775c; --color-4: #464e3f; --color-5: #000000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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