← Back to Editor

#A79A85 · #5D6064 · #252841 · #261F1A · #521B13

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

#A79A85

Ginger · DarkGray · Warm Sun

HEX
#A79A85
RGB
rgb(167, 154, 133)
HSL
hsl(37, 16%, 59%)
HSB
hsb(37, 20%, 65%)
CMYK
cmyk(0%, 8%, 20%, 35%)
Oklch
oklch(69.2% 0.033 79.8)

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

#5D6064

Ink Gray · DimGray · Charcoal

HEX
#5D6064
RGB
rgb(93, 96, 100)
HSL
hsl(214, 4%, 38%)
HSB
hsb(214, 7%, 39%)
CMYK
cmyk(7%, 4%, 0%, 61%)
Oklch
oklch(48.8% 0.007 255.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#252841

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#252841
RGB
rgb(37, 40, 65)
HSL
hsl(234, 27%, 20%)
HSB
hsb(234, 43%, 25%)
CMYK
cmyk(43%, 38%, 0%, 75%)
Oklch
oklch(28.6% 0.046 277.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#261F1A

Tangerine · Black · Cinnamon

HEX
#261F1A
RGB
rgb(38, 31, 26)
HSL
hsl(25, 19%, 13%)
HSB
hsb(25, 32%, 15%)
CMYK
cmyk(0%, 18%, 32%, 85%)
Oklch
oklch(24.6% 0.014 57.5)

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

#521B13

Vermilion · Maroon · Deep Berry

HEX
#521B13
RGB
rgb(82, 27, 19)
HSL
hsl(8, 62%, 20%)
HSB
hsb(8, 77%, 32%)
CMYK
cmyk(0%, 67%, 77%, 68%)
Oklch
oklch(30.7% 0.084 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A79A85
8693A7

Analogous

A78A86
A79A85
A3A786

Triadic

A79A85
86A79A
9A86A7

Split-Comp.

A79A85
86A3A7
8A86A7

Tetradic

A79A85
86A78A
8693A7
A786A3

Contrast Matrix WCAG 2.1 Contrast

A79A85
5D6064
252841
261F1A
521B13
—
2.3
Fail
5.2
AA
5.9
AA
5.0
AA
2.3
Fail
—
2.3
Fail
2.6
Fail
2.2
Fail
5.2
AA
2.3
Fail
—
1.1
Fail
1.0
Fail
5.9
AA
2.6
Fail
1.1
Fail
—
1.2
Fail
5.0
AA
2.2
Fail
1.0
Fail
1.2
Fail
—
White BG
2.8Fail
6.3AA
14.4AAA
16.2AAA
13.8AAA
Black BG
7.6AAA
3.3AA Large
1.5Fail
1.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A18A
5E5E63
26263B
23231B
3A3A15

Deuteranopia

A2A38B
5E5E63
26263A
23241C
3D4215

Tritanopia

A68E8F
5D6262
253635
261C1C
4F1617

Achromatopsia

9B9B9B
606060
2A2A2A
212121
2B2B2B

Shades & Tints Shades & Tints

#A79A85

Dark
Light

#5D6064

Dark
Light

#252841

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a79a85;
  --color-2: #5d6064;
  --color-3: #252841;
  --color-4: #261f1a;
  --color-5: #521b13;
}

SCSS

$color-1: #a79a85;
$color-2: #5d6064;
$color-3: #252841;
$color-4: #261f1a;
$color-5: #521b13;

TAILWIND

colors: {
  'brand-1': '#a79a85',
  'brand-2': '#5d6064',
  'brand-3': '#252841',
  'brand-4': '#261f1a',
  'brand-5': '#521b13',
}

RGB Array

[167, 154, 133], [93, 96, 100], [37, 40, 65], [38, 31, 26], [82, 27, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A79A85, #5D6064, #252841, #261F1A, #521B13 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: #a79a85; --color-2: #5d6064; --color-3: #252841; --color-4: #261f1a; --color-5: #521b13. 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