← Back to Editor

#94795C · #65523F · #362C22 · #17130E · #5C9394

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

#94795C

Ochre · Gray · Amber Brown

HEX
#94795C
RGB
rgb(148, 121, 92)
HSL
hsl(31, 23%, 47%)
HSB
hsb(31, 38%, 58%)
CMYK
cmyk(0%, 18%, 38%, 42%)
Oklch
oklch(59.4% 0.053 68.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#65523F

Ochre · DarkOliveGreen · Amber Brown

HEX
#65523F
RGB
rgb(101, 82, 63)
HSL
hsl(30, 23%, 32%)
HSB
hsb(30, 38%, 40%)
CMYK
cmyk(0%, 19%, 38%, 60%)
Oklch
oklch(45.3% 0.039 66.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#362C22

Ochre · DarkSlateGray · Cinnamon

HEX
#362C22
RGB
rgb(54, 44, 34)
HSL
hsl(30, 23%, 17%)
HSB
hsb(30, 37%, 21%)
CMYK
cmyk(0%, 19%, 37%, 79%)
Oklch
oklch(30.1% 0.023 66.8)

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

#17130E

Ochre · Black · Cinnamon

HEX
#17130E
RGB
rgb(23, 19, 14)
HSL
hsl(33, 24%, 7%)
HSB
hsb(33, 39%, 9%)
CMYK
cmyk(0%, 17%, 39%, 91%)
Oklch
oklch(19.0% 0.012 73.2)

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

#5C9394

Slate Blue · CadetBlue · Mint Ice

HEX
#5C9394
RGB
rgb(92, 147, 148)
HSL
hsl(181, 23%, 47%)
HSB
hsb(181, 38%, 58%)
CMYK
cmyk(38%, 1%, 0%, 42%)
Oklch
oklch(62.6% 0.058 197.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94795C
5C7793

Analogous

935D5C
94795C
92935C

Triadic

94795C
5C9379
795C93

Split-Comp.

94795C
5C9293
5D5C93

Tetradic

94795C
5C935D
5C7793
935C92

Contrast Matrix WCAG 2.1 Contrast

94795C
65523F
362C22
17130E
5C9394
—
1.8
Fail
3.3
AA Large
4.5
AA
1.2
Fail
1.8
Fail
—
1.8
Fail
2.5
Fail
2.1
Fail
3.3
AA Large
1.8
Fail
—
1.4
Fail
3.9
AA Large
4.5
AA
2.5
Fail
1.4
Fail
—
5.3
AA
1.2
Fail
2.1
Fail
3.9
AA Large
5.3
AA
—
White BG
4.1AA Large
7.4AAA
13.6AAA
18.5AAA
3.5AA Large
Black BG
5.1AA
2.8Fail
1.5Fail
1.1Fail
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888863
5D5D44
323224
15150F
747494

Deuteranopia

8A8C65
5E5F45
323325
161610
716D94

Tritanopia

93696A
644748
362627
171010
5F9494

Achromatopsia

7E7E7E
565656
2E2E2E
141414
838383

Shades & Tints Shades & Tints

#94795C

Dark
Light

#65523F

Dark
Light

#362C22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94795c;
  --color-2: #65523f;
  --color-3: #362c22;
  --color-4: #17130e;
  --color-5: #5c9394;
}

SCSS

$color-1: #94795c;
$color-2: #65523f;
$color-3: #362c22;
$color-4: #17130e;
$color-5: #5c9394;

TAILWIND

colors: {
  'brand-1': '#94795c',
  'brand-2': '#65523f',
  'brand-3': '#362c22',
  'brand-4': '#17130e',
  'brand-5': '#5c9394',
}

RGB Array

[148, 121, 92], [101, 82, 63], [54, 44, 34], [23, 19, 14], [92, 147, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94795C, #65523F, #362C22, #17130E, #5C9394 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: #94795c; --color-2: #65523f; --color-3: #362c22; --color-4: #17130e; --color-5: #5c9394. 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