← Back to Editor

#523845 · #595160 · #70867A · #C6B692 · #F6E8C5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#523845

Dark Violet · DarkSlateGray · Camellia

HEX
#523845
RGB
rgb(82, 56, 69)
HSL
hsl(330, 19%, 27%)
HSB
hsb(330, 32%, 32%)
CMYK
cmyk(0%, 32%, 16%, 68%)
Oklch
oklch(37.5% 0.042 347.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#595160

Dark Plum · DimGray · Charcoal

HEX
#595160
RGB
rgb(89, 81, 96)
HSL
hsl(272, 8%, 35%)
HSB
hsb(272, 16%, 38%)
CMYK
cmyk(7%, 16%, 0%, 62%)
Oklch
oklch(44.8% 0.026 309.2)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#70867A

Celadon · Gray · Warm Gray

HEX
#70867A
RGB
rgb(112, 134, 122)
HSL
hsl(147, 9%, 48%)
HSB
hsb(147, 16%, 53%)
CMYK
cmyk(16%, 0%, 9%, 47%)
Oklch
oklch(59.9% 0.031 161.5)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#C6B692

Ginger · Tan · Sunflower

HEX
#C6B692
RGB
rgb(198, 182, 146)
HSL
hsl(42, 31%, 67%)
HSB
hsb(42, 26%, 78%)
CMYK
cmyk(0%, 8%, 26%, 22%)
Oklch
oklch(78.1% 0.052 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F6E8C5

Goose Yellow · Bisque · Lemon Cream

HEX
#F6E8C5
RGB
rgb(246, 232, 197)
HSL
hsl(43, 73%, 87%)
HSB
hsb(43, 20%, 96%)
CMYK
cmyk(0%, 6%, 20%, 4%)
Oklch
oklch(93.3% 0.048 88.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

523845
385245

Analogous

523852
523845
523838

Triadic

523845
455238
384552

Split-Comp.

523845
385238
385252

Tetradic

523845
525238
385245
383852

Contrast Matrix WCAG 2.1 Contrast

523845
595160
70867A
C6B692
F6E8C5
—
1.4
Fail
2.7
Fail
5.2
AA
8.6
AAA
1.4
Fail
—
1.9
Fail
3.8
AA Large
6.2
AA
2.7
Fail
1.9
Fail
—
2.0
Fail
3.2
AA Large
5.2
AA
3.8
AA Large
2.0
Fail
—
1.6
Fail
8.6
AAA
6.2
AA
3.2
AA Large
1.6
Fail
—
White BG
10.4AAA
7.6AAA
3.9AA Large
2.0Fail
1.2Fail
Black BG
2.0Fail
2.8Fail
5.4AA
10.5AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474742
56555C
7A7A7D
BFBF9B
F0F0CD

Deuteranopia

484A41
56575B
78777E
C0C19D
F1F2CF

Tritanopia

513F3F
595A59
717F80
C5A2A3
F5D4D6

Achromatopsia

414141
555555
7E7E7E
B7B7B7
E8E8E8

Shades & Tints Shades & Tints

#523845

Dark
Light

#595160

Dark
Light

#70867A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #523845;
  --color-2: #595160;
  --color-3: #70867a;
  --color-4: #c6b692;
  --color-5: #f6e8c5;
}

SCSS

$color-1: #523845;
$color-2: #595160;
$color-3: #70867a;
$color-4: #c6b692;
$color-5: #f6e8c5;

TAILWIND

colors: {
  'brand-1': '#523845',
  'brand-2': '#595160',
  'brand-3': '#70867a',
  'brand-4': '#c6b692',
  'brand-5': '#f6e8c5',
}

RGB Array

[82, 56, 69], [89, 81, 96], [112, 134, 122], [198, 182, 146], [246, 232, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #523845, #595160, #70867A, #C6B692, #F6E8C5 is ideal for: brand design, premium product pages, magazine layouts, 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: #523845; --color-2: #595160; --color-3: #70867a; --color-4: #c6b692; --color-5: #f6e8c5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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