← Back to Editor

#B5972B · #3F524B · #292929 · #274254 · #1F1F1F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#B5972B

Ochre · DarkGoldenRod · Honey Gold

HEX
#B5972B
RGB
rgb(181, 151, 43)
HSL
hsl(47, 62%, 44%)
HSB
hsb(47, 76%, 71%)
CMYK
cmyk(0%, 17%, 76%, 29%)
Oklch
oklch(68.5% 0.126 92.7)

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

#3F524B

Mineral Blue · DarkSlateGray · Forest Green

HEX
#3F524B
RGB
rgb(63, 82, 75)
HSL
hsl(158, 13%, 28%)
HSB
hsb(158, 23%, 32%)
CMYK
cmyk(23%, 0%, 9%, 68%)
Oklch
oklch(42.0% 0.026 170.5)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#292929

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#292929
RGB
rgb(41, 41, 41)
HSL
hsl(0, 0%, 16%)
HSB
hsb(0, 0%, 16%)
CMYK
cmyk(0%, 0%, 0%, 84%)
Oklch
oklch(28.1% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#274254

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#274254
RGB
rgb(39, 66, 84)
HSL
hsl(204, 37%, 24%)
HSB
hsb(204, 54%, 33%)
CMYK
cmyk(54%, 21%, 0%, 67%)
Oklch
oklch(36.6% 0.045 238.9)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#1F1F1F

Ink Black · Black · Dark Stone

HEX
#1F1F1F
RGB
rgb(31, 31, 31)
HSL
hsl(0, 0%, 12%)
HSB
hsb(0, 0%, 12%)
CMYK
cmyk(0%, 0%, 0%, 88%)
Oklch
oklch(23.9% 0.000 89.9)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5972B
2B49B6

Analogous

B6522B
B5972B
8EB62B

Triadic

B5972B
2BB698
982BB6

Split-Comp.

B5972B
2B8EB6
522BB6

Tetradic

B5972B
2BB652
2B49B6
B62B8E

Contrast Matrix WCAG 2.1 Contrast

B5972B
3F524B
292929
274254
1F1F1F
—
2.9
Fail
5.1
AA
3.7
AA Large
5.8
AA
2.9
Fail
—
1.7
Fail
1.3
Fail
2.0
Fail
5.1
AA
1.7
Fail
—
1.4
Fail
1.1
Fail
3.7
AA Large
1.3
Fail
1.4
Fail
—
1.6
Fail
5.8
AA
2.0
Fail
1.1
Fail
1.6
Fail
—
White BG
2.8Fail
8.3AAA
14.5AAA
10.5AAA
16.5AAA
Black BG
7.4AAA
2.5Fail
1.4Fail
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A845
47474D
292929
333350
1F1F1F

Deuteranopia

AAAC4B
46454D
292929
312F4F
1F1F1F

Tritanopia

B45A5E
404E4E
292929
284C4B
1F1F1F

Achromatopsia

949494
4C4C4C
292929
3C3C3C
1F1F1F

Shades & Tints Shades & Tints

#B5972B

Dark
Light

#3F524B

Dark
Light

#292929

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5972b;
  --color-2: #3f524b;
  --color-3: #292929;
  --color-4: #274254;
  --color-5: #1f1f1f;
}

SCSS

$color-1: #b5972b;
$color-2: #3f524b;
$color-3: #292929;
$color-4: #274254;
$color-5: #1f1f1f;

TAILWIND

colors: {
  'brand-1': '#b5972b',
  'brand-2': '#3f524b',
  'brand-3': '#292929',
  'brand-4': '#274254',
  'brand-5': '#1f1f1f',
}

RGB Array

[181, 151, 43], [63, 82, 75], [41, 41, 41], [39, 66, 84], [31, 31, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5972B, #3F524B, #292929, #274254, #1F1F1F 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: #b5972b; --color-2: #3f524b; --color-3: #292929; --color-4: #274254; --color-5: #1f1f1f. 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