← Back to Editor

#B7A360 · #B38807 · #CB3F08 · #70410A · #000000

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

#B7A360

Ginger · Tan · Sunflower

HEX
#B7A360
RGB
rgb(183, 163, 96)
HSL
hsl(46, 38%, 55%)
HSB
hsb(46, 48%, 72%)
CMYK
cmyk(0%, 11%, 48%, 28%)
Oklch
oklch(71.8% 0.090 93.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B38807

Ochre · DarkGoldenRod · Honey Gold

HEX
#B38807
RGB
rgb(179, 136, 7)
HSL
hsl(45, 92%, 36%)
HSB
hsb(45, 96%, 70%)
CMYK
cmyk(0%, 24%, 96%, 30%)
Oklch
oklch(65.0% 0.132 85.8)

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

#CB3F08

Tangerine · FireBrick · Amber Brown

HEX
#CB3F08
RGB
rgb(203, 63, 8)
HSL
hsl(17, 92%, 41%)
HSB
hsb(17, 96%, 80%)
CMYK
cmyk(0%, 69%, 96%, 20%)
Oklch
oklch(56.6% 0.185 37.3)

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

#70410A

Ochre · Sienna · Cinnamon

HEX
#70410A
RGB
rgb(112, 65, 10)
HSL
hsl(32, 84%, 24%)
HSB
hsb(32, 91%, 44%)
CMYK
cmyk(0%, 42%, 91%, 56%)
Oklch
oklch(42.3% 0.091 63.0)

Traditional「Ochre」· Paint「Cinnamon」· 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

B7A360
6175B8

Analogous

B87861
B7A360
A1B861

Triadic

B7A360
61B8A4
A461B8

Split-Comp.

B7A360
61A1B8
7861B8

Tetradic

B7A360
61B878
6175B8
B861A1

Contrast Matrix WCAG 2.1 Contrast

B7A360
B38807
CB3F08
70410A
000000
—
1.3
Fail
2.0
Fail
3.4
AA Large
8.4
AAA
1.3
Fail
—
1.5
Fail
2.6
Fail
6.4
AA
2.0
Fail
1.5
Fail
—
1.7
Fail
4.3
AA Large
3.4
AA Large
2.6
Fail
1.7
Fail
—
2.4
Fail
8.4
AAA
6.4
AA
4.3
AA Large
2.4
Fail
—
White BG
2.5Fail
3.3AA Large
4.9AA
8.6AAA
21.0AAA
Black BG
8.4AAA
6.4AA
4.3AA Large
2.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE70
A0A026
8E8D15
5C5B17
000000

Deuteranopia

B0B174
A3A62E
97A119
5E621B
000000

Tritanopia

B67D80
B13F44
C42022
6E2224
000000

Achromatopsia

A1A1A1
868686
636363
494949
000000

Shades & Tints Shades & Tints

#B7A360

Dark
Light

#B38807

Dark
Light

#CB3F08

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7a360;
  --color-2: #b38807;
  --color-3: #cb3f08;
  --color-4: #70410a;
  --color-5: #000000;
}

SCSS

$color-1: #b7a360;
$color-2: #b38807;
$color-3: #cb3f08;
$color-4: #70410a;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#b7a360',
  'brand-2': '#b38807',
  'brand-3': '#cb3f08',
  'brand-4': '#70410a',
  'brand-5': '#000000',
}

RGB Array

[183, 163, 96], [179, 136, 7], [203, 63, 8], [112, 65, 10], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7A360, #B38807, #CB3F08, #70410A, #000000 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: #b7a360; --color-2: #b38807; --color-3: #cb3f08; --color-4: #70410a; --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 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