← Back to Editor

#BFB965 · #C9CBBD · #8D7B71 · #5E3E3F · #361D23

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BFB965

Autumn Sage · Tan · Sunflower

HEX
#BFB965
RGB
rgb(191, 185, 101)
HSL
hsl(56, 41%, 57%)
HSB
hsb(56, 47%, 75%)
CMYK
cmyk(0%, 3%, 47%, 25%)
Oklch
oklch(77.3% 0.107 105.0)

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

#C9CBBD

Fresh Green · Silver · Lemon Cream

HEX
#C9CBBD
RGB
rgb(201, 203, 189)
HSL
hsl(69, 12%, 77%)
HSB
hsb(69, 7%, 80%)
CMYK
cmyk(1%, 0%, 7%, 20%)
Oklch
oklch(83.7% 0.019 113.4)

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

#8D7B71

Tangerine · Gray · Amber Brown

HEX
#8D7B71
RGB
rgb(141, 123, 113)
HSL
hsl(21, 11%, 50%)
HSB
hsb(21, 20%, 55%)
CMYK
cmyk(0%, 13%, 20%, 45%)
Oklch
oklch(59.7% 0.027 50.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#5E3E3F

Crimson · DarkOliveGreen · Wine Red

HEX
#5E3E3F
RGB
rgb(94, 62, 63)
HSL
hsl(358, 21%, 31%)
HSB
hsb(358, 34%, 37%)
CMYK
cmyk(0%, 34%, 33%, 63%)
Oklch
oklch(40.1% 0.045 17.2)

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

#361D23

Crimson · DarkSlateGray · Deep Berry

HEX
#361D23
RGB
rgb(54, 29, 35)
HSL
hsl(346, 30%, 16%)
HSB
hsb(346, 46%, 21%)
CMYK
cmyk(0%, 46%, 35%, 79%)
Oklch
oklch(26.6% 0.040 4.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB965
646ABE

Analogous

BE8B64
BFB965
97BE64

Triadic

BFB965
64BEB8
B864BE

Split-Comp.

BFB965
6497BE
8B64BE

Tetradic

BFB965
64BE8B
646ABE
BE6497

Contrast Matrix WCAG 2.1 Contrast

BFB965
C9CBBD
8D7B71
5E3E3F
361D23
—
1.2
Fail
2.0
Fail
4.6
AA
7.6
AAA
1.2
Fail
—
2.5
Fail
5.7
AA
9.4
AAA
2.0
Fail
2.5
Fail
—
2.3
Fail
3.8
AA Large
4.6
AA
5.7
AA
2.3
Fail
—
1.6
Fail
7.6
AAA
9.4
AAA
3.8
AA Large
1.6
Fail
—
White BG
2.0Fail
1.6Fail
4.0AA Large
9.4AAA
15.5AAA
Black BG
10.3AAA
12.8AAA
5.2AA
2.2Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC79
CACAC0
858573
50503F
2B2B22

Deuteranopia

BDBD7E
CACAC1
868874
52543F
2D2F21

Tritanopia

BF898D
C9C3C4
8C7576
5C3F3F
352020

Achromatopsia

B1B1B1
C9C9C9
7F7F7F
484848
252525

Shades & Tints Shades & Tints

#BFB965

Dark
Light

#C9CBBD

Dark
Light

#8D7B71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb965;
  --color-2: #c9cbbd;
  --color-3: #8d7b71;
  --color-4: #5e3e3f;
  --color-5: #361d23;
}

SCSS

$color-1: #bfb965;
$color-2: #c9cbbd;
$color-3: #8d7b71;
$color-4: #5e3e3f;
$color-5: #361d23;

TAILWIND

colors: {
  'brand-1': '#bfb965',
  'brand-2': '#c9cbbd',
  'brand-3': '#8d7b71',
  'brand-4': '#5e3e3f',
  'brand-5': '#361d23',
}

RGB Array

[191, 185, 101], [201, 203, 189], [141, 123, 113], [94, 62, 63], [54, 29, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFB965, #C9CBBD, #8D7B71, #5E3E3F, #361D23 is ideal for: brand design, premium product pages, magazine layouts, 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: #bfb965; --color-2: #c9cbbd; --color-3: #8d7b71; --color-4: #5e3e3f; --color-5: #361d23. 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 tech, SaaS, healthcare, eco 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