← Back to Editor

#969165 · #FFFFFF · #636E41 · #A34941 · #573434

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

#969165

Autumn Sage · Gray · Honey Gold

HEX
#969165
RGB
rgb(150, 145, 101)
HSL
hsl(54, 20%, 49%)
HSB
hsb(54, 33%, 59%)
CMYK
cmyk(0%, 3%, 33%, 41%)
Oklch
oklch(65.0% 0.061 102.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#636E41

Grass Green · DarkOliveGreen · Forest Green

HEX
#636E41
RGB
rgb(99, 110, 65)
HSL
hsl(75, 26%, 34%)
HSB
hsb(75, 41%, 43%)
CMYK
cmyk(10%, 0%, 41%, 57%)
Oklch
oklch(51.7% 0.067 120.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#A34941

Crimson · Sienna · Passion Red

HEX
#A34941
RGB
rgb(163, 73, 65)
HSL
hsl(5, 43%, 45%)
HSB
hsb(5, 60%, 64%)
CMYK
cmyk(0%, 55%, 60%, 36%)
Oklch
oklch(52.0% 0.121 27.2)

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

#573434

Crimson · DarkOliveGreen · Wine Red

HEX
#573434
RGB
rgb(87, 52, 52)
HSL
hsl(0, 25%, 27%)
HSB
hsb(0, 40%, 34%)
CMYK
cmyk(0%, 40%, 40%, 66%)
Oklch
oklch(36.8% 0.051 19.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

969165
646996

Analogous

967864
969165
829664

Triadic

969165
649691
916496

Split-Comp.

969165
648296
786496

Tetradic

969165
649678
646996
966482

Contrast Matrix WCAG 2.1 Contrast

969165
FFFFFF
636E41
A34941
573434
—
3.2
AA Large
1.7
Fail
1.8
Fail
3.4
AA Large
3.2
AA Large
—
5.5
AA
5.9
AA
10.8
AAA
1.7
Fail
5.5
AA
—
1.1
Fail
2.0
Fail
1.8
Fail
5.9
AA
1.1
Fail
—
1.8
Fail
3.4
AA Large
10.8
AAA
2.0
Fail
1.8
Fail
—
White BG
3.2AA Large
1.0Fail
5.5AA
5.9AA
10.8AAA
Black BG
6.5AA
21.0AAA
3.8AA Large
3.6AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

949470
FFFFFF
68684C
7C7B43
484834

Deuteranopia

949572
FFFFFF
67664F
818843
4A4D34

Tritanopia

96787A
FFFFFF
645456
9F4445
553434

Achromatopsia

8D8D8D
FFFFFF
666666
636363
3E3E3E

Shades & Tints Shades & Tints

#969165

Dark
Light

#FFFFFF

Dark
Light

#636E41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #969165;
  --color-2: #ffffff;
  --color-3: #636e41;
  --color-4: #a34941;
  --color-5: #573434;
}

SCSS

$color-1: #969165;
$color-2: #ffffff;
$color-3: #636e41;
$color-4: #a34941;
$color-5: #573434;

TAILWIND

colors: {
  'brand-1': '#969165',
  'brand-2': '#ffffff',
  'brand-3': '#636e41',
  'brand-4': '#a34941',
  'brand-5': '#573434',
}

RGB Array

[150, 145, 101], [255, 255, 255], [99, 110, 65], [163, 73, 65], [87, 52, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #969165, #FFFFFF, #636E41, #A34941, #573434 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: #969165; --color-2: #ffffff; --color-3: #636e41; --color-4: #a34941; --color-5: #573434. 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