← Back to Editor

#BA9F8C · #AD6654 · #8E8C71 · #284251 · #151513

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 ThemeCorporateData Visualization

Color Details Color Details

#BA9F8C

Apricot · Tan · Warm Sun

HEX
#BA9F8C
RGB
rgb(186, 159, 140)
HSL
hsl(25, 25%, 64%)
HSB
hsb(25, 25%, 73%)
CMYK
cmyk(0%, 15%, 25%, 27%)
Oklch
oklch(72.1% 0.042 57.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#AD6654

Crimson · Sienna · Passion Red

HEX
#AD6654
RGB
rgb(173, 102, 84)
HSL
hsl(12, 35%, 50%)
HSB
hsb(12, 51%, 68%)
CMYK
cmyk(0%, 41%, 51%, 32%)
Oklch
oklch(58.5% 0.096 35.1)

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

#8E8C71

Autumn Sage · Gray · Honey Gold

HEX
#8E8C71
RGB
rgb(142, 140, 113)
HSL
hsl(56, 11%, 50%)
HSB
hsb(56, 20%, 56%)
CMYK
cmyk(0%, 1%, 20%, 44%)
Oklch
oklch(63.4% 0.039 103.9)

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

#284251

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#284251
RGB
rgb(40, 66, 81)
HSL
hsl(202, 34%, 24%)
HSB
hsb(202, 51%, 32%)
CMYK
cmyk(51%, 19%, 0%, 68%)
Oklch
oklch(36.5% 0.041 234.8)

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

#151513

Ink Black · Black · Jet Black

HEX
#151513
RGB
rgb(21, 21, 19)
HSL
hsl(60, 5%, 8%)
HSB
hsb(60, 10%, 8%)
CMYK
cmyk(0%, 0%, 10%, 92%)
Oklch
oklch(19.5% 0.004 106.8)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA9F8C
8CA7BA

Analogous

BA8C90
BA9F8C
BAB68C

Triadic

BA9F8C
8CBA9F
9F8CBA

Split-Comp.

BA9F8C
8CBAB6
8C90BA

Tetradic

BA9F8C
90BA8C
8CA7BA
B68CBA

Contrast Matrix WCAG 2.1 Contrast

BA9F8C
AD6654
8E8C71
284251
151513
—
1.8
Fail
1.4
Fail
4.2
AA Large
7.3
AAA
1.8
Fail
—
1.3
Fail
2.4
Fail
4.2
AA Large
1.4
Fail
1.3
Fail
—
3.1
AA Large
5.3
AA
4.2
AA Large
2.4
Fail
3.1
AA Large
—
1.7
Fail
7.3
AAA
4.2
AA Large
5.3
AA
1.7
Fail
—
White BG
2.5Fail
4.4AA Large
3.4AA Large
10.6AAA
18.3AAA
Black BG
8.4AAA
4.8AA
6.1AA
2.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE91
8E8E58
8D8D78
33334D
151513

Deuteranopia

B0B292
929859
8D8D79
32304D
151514

Tritanopia

B99495
A95C5D
8E7D7E
294B4A
151414

Achromatopsia

A5A5A5
797979
8A8A8A
3C3C3C
151515

Shades & Tints Shades & Tints

#BA9F8C

Dark
Light

#AD6654

Dark
Light

#8E8C71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba9f8c;
  --color-2: #ad6654;
  --color-3: #8e8c71;
  --color-4: #284251;
  --color-5: #151513;
}

SCSS

$color-1: #ba9f8c;
$color-2: #ad6654;
$color-3: #8e8c71;
$color-4: #284251;
$color-5: #151513;

TAILWIND

colors: {
  'brand-1': '#ba9f8c',
  'brand-2': '#ad6654',
  'brand-3': '#8e8c71',
  'brand-4': '#284251',
  'brand-5': '#151513',
}

RGB Array

[186, 159, 140], [173, 102, 84], [142, 140, 113], [40, 66, 81], [21, 21, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BA9F8C, #AD6654, #8E8C71, #284251, #151513 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #ba9f8c; --color-2: #ad6654; --color-3: #8e8c71; --color-4: #284251; --color-5: #151513. 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 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