← Back to Editor

#353132 · #548D6C · #9B9565 · #E8A767 · #D35D3F

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

#353132

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#353132
RGB
rgb(53, 49, 50)
HSL
hsl(345, 4%, 20%)
HSB
hsb(345, 8%, 21%)
CMYK
cmyk(0%, 8%, 6%, 79%)
Oklch
oklch(31.8% 0.006 0.4)

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

#548D6C

Celadon · DimGray · Olive Green

HEX
#548D6C
RGB
rgb(84, 141, 108)
HSL
hsl(145, 25%, 44%)
HSB
hsb(145, 40%, 55%)
CMYK
cmyk(40%, 0%, 23%, 45%)
Oklch
oklch(59.4% 0.079 157.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#9B9565

Autumn Sage · Gray · Honey Gold

HEX
#9B9565
RGB
rgb(155, 149, 101)
HSL
hsl(53, 21%, 50%)
HSB
hsb(53, 35%, 61%)
CMYK
cmyk(0%, 4%, 35%, 39%)
Oklch
oklch(66.3% 0.066 101.9)

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

#E8A767

Ginger · SandyBrown · Warm Sun

HEX
#E8A767
RGB
rgb(232, 167, 103)
HSL
hsl(30, 74%, 66%)
HSB
hsb(30, 56%, 91%)
CMYK
cmyk(0%, 28%, 56%, 9%)
Oklch
oklch(77.7% 0.111 64.5)

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

#D35D3F

Vermilion · Chocolate · Passion Red

HEX
#D35D3F
RGB
rgb(211, 93, 63)
HSL
hsl(12, 63%, 54%)
HSB
hsb(12, 70%, 83%)
CMYK
cmyk(0%, 56%, 70%, 17%)
Oklch
oklch(62.1% 0.156 35.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

353132
313534

Analogous

353134
353132
353231

Triadic

353132
323531
313235

Split-Comp.

353132
313532
313435

Tetradic

353132
343531
313534
323135

Contrast Matrix WCAG 2.1 Contrast

353132
548D6C
9B9565
E8A767
D35D3F
—
3.3
AA Large
4.2
AA Large
6.2
AA
3.3
AA Large
3.3
AA Large
—
1.3
Fail
1.9
Fail
1.0
Fail
4.2
AA Large
1.3
Fail
—
1.5
Fail
1.3
Fail
6.2
AA
1.9
Fail
1.5
Fail
—
1.9
Fail
3.3
AA Large
1.0
Fail
1.3
Fail
1.9
Fail
—
White BG
12.8AAA
3.9AA Large
3.1AA Large
2.1Fail
3.9AA Large
Black BG
1.6Fail
5.4AA
6.9AA
10.2AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333332
6D6D74
989871
CCCB76
A09F46

Deuteranopia

343432
696576
999973
D0D47A
A7B048

Tritanopia

353232
577A7C
9B7A7C
E58385
CD4C4D

Achromatopsia

323232
787878
919191
B3B3B3
7D7D7D

Shades & Tints Shades & Tints

#353132

Dark
Light

#548D6C

Dark
Light

#9B9565

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #353132;
  --color-2: #548d6c;
  --color-3: #9b9565;
  --color-4: #e8a767;
  --color-5: #d35d3f;
}

SCSS

$color-1: #353132;
$color-2: #548d6c;
$color-3: #9b9565;
$color-4: #e8a767;
$color-5: #d35d3f;

TAILWIND

colors: {
  'brand-1': '#353132',
  'brand-2': '#548d6c',
  'brand-3': '#9b9565',
  'brand-4': '#e8a767',
  'brand-5': '#d35d3f',
}

RGB Array

[53, 49, 50], [84, 141, 108], [155, 149, 101], [232, 167, 103], [211, 93, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #353132, #548D6C, #9B9565, #E8A767, #D35D3F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #353132; --color-2: #548d6c; --color-3: #9b9565; --color-4: #e8a767; --color-5: #d35d3f. 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. 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