← Back to Editor

#BF9609 · #D0D661 · #998204 · #48411F · #757247

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

#BF9609

Ochre · DarkGoldenRod · Honey Gold

HEX
#BF9609
RGB
rgb(191, 150, 9)
HSL
hsl(46, 91%, 39%)
HSB
hsb(46, 95%, 75%)
CMYK
cmyk(0%, 21%, 95%, 25%)
Oklch
oklch(69.2% 0.140 88.8)

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

#D0D661

Fresh Green · BurlyWood · Sunflower

HEX
#D0D661
RGB
rgb(208, 214, 97)
HSL
hsl(63, 59%, 61%)
HSB
hsb(63, 55%, 84%)
CMYK
cmyk(3%, 0%, 55%, 16%)
Oklch
oklch(84.8% 0.141 111.7)

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

#998204

Autumn Sage · Olive · Honey Gold

HEX
#998204
RGB
rgb(153, 130, 4)
HSL
hsl(51, 95%, 31%)
HSB
hsb(51, 97%, 60%)
CMYK
cmyk(0%, 15%, 97%, 40%)
Oklch
oklch(61.0% 0.125 96.5)

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

#48411F

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#48411F
RGB
rgb(72, 65, 31)
HSL
hsl(50, 40%, 20%)
HSB
hsb(50, 57%, 28%)
CMYK
cmyk(0%, 10%, 57%, 72%)
Oklch
oklch(37.4% 0.052 98.0)

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

#757247

Autumn Sage · DimGray · Honey Gold

HEX
#757247
RGB
rgb(117, 114, 71)
HSL
hsl(56, 24%, 37%)
HSB
hsb(56, 39%, 46%)
CMYK
cmyk(0%, 3%, 39%, 54%)
Oklch
oklch(54.4% 0.062 104.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF9609
0933BE

Analogous

BE3909
BF9609
8EBE09

Triadic

BF9609
09BE94
9409BE

Split-Comp.

BF9609
098EBE
3909BE

Tetradic

BF9609
09BE39
0933BE
BE098E

Contrast Matrix WCAG 2.1 Contrast

BF9609
D0D661
998204
48411F
757247
—
1.8
Fail
1.4
Fail
3.7
AA Large
1.8
Fail
1.8
Fail
—
2.4
Fail
6.6
AA
3.2
AA Large
1.4
Fail
2.4
Fail
—
2.7
Fail
1.3
Fail
3.7
AA Large
6.6
AA
2.7
Fail
—
2.1
Fail
1.8
Fail
3.2
AA Large
1.3
Fail
2.1
Fail
—
White BG
2.8Fail
1.6Fail
3.8AA Large
10.2AAA
4.9AA
Black BG
7.6AAA
13.5AAA
5.5AA
2.1Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD2B
D3D37D
8F8F22
454527
747451

Deuteranopia

B0B333
D2D284
90922A
454629
747454

Tritanopia

BD464C
D09499
983B40
482E2F
755A5B

Achromatopsia

929292
C7C7C7
7B7B7B
3F3F3F
6E6E6E

Shades & Tints Shades & Tints

#BF9609

Dark
Light

#D0D661

Dark
Light

#998204

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf9609;
  --color-2: #d0d661;
  --color-3: #998204;
  --color-4: #48411f;
  --color-5: #757247;
}

SCSS

$color-1: #bf9609;
$color-2: #d0d661;
$color-3: #998204;
$color-4: #48411f;
$color-5: #757247;

TAILWIND

colors: {
  'brand-1': '#bf9609',
  'brand-2': '#d0d661',
  'brand-3': '#998204',
  'brand-4': '#48411f',
  'brand-5': '#757247',
}

RGB Array

[191, 150, 9], [208, 214, 97], [153, 130, 4], [72, 65, 31], [117, 114, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF9609, #D0D661, #998204, #48411F, #757247 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #bf9609; --color-2: #d0d661; --color-3: #998204; --color-4: #48411f; --color-5: #757247. 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 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