← Back to Editor

#B0946D · #6C6048 · #564D3E · #3C352D · #352224

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 ThemeCorporate

Color Details Color Details

#B0946D

Ginger · Gray · Warm Sun

HEX
#B0946D
RGB
rgb(176, 148, 109)
HSL
hsl(35, 30%, 56%)
HSB
hsb(35, 38%, 69%)
CMYK
cmyk(0%, 16%, 38%, 31%)
Oklch
oklch(68.2% 0.063 75.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#6C6048

Ochre · DimGray · Honey Gold

HEX
#6C6048
RGB
rgb(108, 96, 72)
HSL
hsl(40, 20%, 35%)
HSB
hsb(40, 33%, 42%)
CMYK
cmyk(0%, 11%, 33%, 58%)
Oklch
oklch(49.4% 0.039 84.4)

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

#564D3E

Ochre · DarkOliveGreen · Amber Brown

HEX
#564D3E
RGB
rgb(86, 77, 62)
HSL
hsl(37, 16%, 29%)
HSB
hsb(37, 28%, 34%)
CMYK
cmyk(0%, 10%, 28%, 66%)
Oklch
oklch(42.5% 0.027 80.5)

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

#3C352D

Ochre · DarkSlateGray · Cinnamon

HEX
#3C352D
RGB
rgb(60, 53, 45)
HSL
hsl(32, 14%, 21%)
HSB
hsb(32, 25%, 24%)
CMYK
cmyk(0%, 12%, 25%, 76%)
Oklch
oklch(33.4% 0.017 70.9)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#352224

Crimson · DarkSlateGray · Deep Berry

HEX
#352224
RGB
rgb(53, 34, 36)
HSL
hsl(354, 22%, 17%)
HSB
hsb(354, 36%, 21%)
CMYK
cmyk(0%, 36%, 32%, 79%)
Oklch
oklch(27.6% 0.029 12.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0946D
6D89B0

Analogous

B0736D
B0946D
ABB06D

Triadic

B0946D
6DB094
946DB0

Split-Comp.

B0946D
6DABB0
736DB0

Tetradic

B0946D
6DB073
6D89B0
B06DAB

Contrast Matrix WCAG 2.1 Contrast

B0946D
6C6048
564D3E
3C352D
352224
—
2.1
Fail
2.9
Fail
4.2
AA Large
5.2
AA
2.1
Fail
—
1.3
Fail
2.0
Fail
2.4
Fail
2.9
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
4.2
AA Large
2.0
Fail
1.5
Fail
—
1.2
Fail
5.2
AA
2.4
Fail
1.8
Fail
1.2
Fail
—
White BG
2.9Fail
6.2AA
8.3AAA
12.1AAA
14.9AAA
Black BG
7.3AAA
3.4AA Large
2.5Fail
1.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A476
67674E
525242
39392F
2D2D24

Deuteranopia

A6A879
68684F
535343
393A2F
2E2F23

Tritanopia

AF7E80
6B5253
564445
3C3031
342323

Achromatopsia

989898
616161
4E4E4E
363636
282828

Shades & Tints Shades & Tints

#B0946D

Dark
Light

#6C6048

Dark
Light

#564D3E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0946d;
  --color-2: #6c6048;
  --color-3: #564d3e;
  --color-4: #3c352d;
  --color-5: #352224;
}

SCSS

$color-1: #b0946d;
$color-2: #6c6048;
$color-3: #564d3e;
$color-4: #3c352d;
$color-5: #352224;

TAILWIND

colors: {
  'brand-1': '#b0946d',
  'brand-2': '#6c6048',
  'brand-3': '#564d3e',
  'brand-4': '#3c352d',
  'brand-5': '#352224',
}

RGB Array

[176, 148, 109], [108, 96, 72], [86, 77, 62], [60, 53, 45], [53, 34, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0946D, #6C6048, #564D3E, #3C352D, #352224 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #b0946d; --color-2: #6c6048; --color-3: #564d3e; --color-4: #3c352d; --color-5: #352224. 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. 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