← Back to Editor

#C59F64 · #C3A18A · #A8A097 · #85A0A1 · #958185

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C59F64

Ginger · DarkSalmon · Warm Sun

HEX
#C59F64
RGB
rgb(197, 159, 100)
HSL
hsl(36, 46%, 58%)
HSB
hsb(36, 49%, 77%)
CMYK
cmyk(0%, 19%, 49%, 23%)
Oklch
oklch(72.4% 0.089 77.6)

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

#C3A18A

Apricot · Tan · Warm Sun

HEX
#C3A18A
RGB
rgb(195, 161, 138)
HSL
hsl(24, 32%, 65%)
HSB
hsb(24, 29%, 76%)
CMYK
cmyk(0%, 17%, 29%, 24%)
Oklch
oklch(73.4% 0.052 55.8)

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

#A8A097

Ginger · DarkGray · Silver Sand

HEX
#A8A097
RGB
rgb(168, 160, 151)
HSL
hsl(32, 9%, 63%)
HSB
hsb(32, 10%, 66%)
CMYK
cmyk(0%, 5%, 10%, 34%)
Oklch
oklch(71.0% 0.016 70.8)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#85A0A1

Slate Blue · LightSlateGray · Lake Green

HEX
#85A0A1
RGB
rgb(133, 160, 161)
HSL
hsl(182, 13%, 58%)
HSB
hsb(182, 17%, 63%)
CMYK
cmyk(17%, 1%, 0%, 37%)
Oklch
oklch(68.5% 0.030 199.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#958185

Crimson · Gray · Warm Gray

HEX
#958185
RGB
rgb(149, 129, 133)
HSL
hsl(348, 9%, 55%)
HSB
hsb(348, 13%, 58%)
CMYK
cmyk(0%, 13%, 11%, 42%)
Oklch
oklch(62.3% 0.025 4.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C59F64
638AC5

Analogous

C56C63
C59F64
BBC563

Triadic

C59F64
63C59E
9E63C5

Split-Comp.

C59F64
63BBC5
6C63C5

Tetradic

C59F64
63C56C
638AC5
C563BB

Contrast Matrix WCAG 2.1 Contrast

C59F64
C3A18A
A8A097
85A0A1
958185
—
1.0
Fail
1.0
Fail
1.1
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
White BG
2.5Fail
2.4Fail
2.6Fail
2.8Fail
3.6AA Large
Black BG
8.5AAA
8.8AAA
8.1AAA
7.5AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B472
B4B490
A5A499
9191A1
8C8C84

Deuteranopia

B7BA76
B6B991
A5A69A
8F8DA1
8E8F84

Tritanopia

C37E80
C19495
A89B9B
86A1A1
948383

Achromatopsia

A4A4A4
A9A9A9
A1A1A1
989898
878787

Shades & Tints Shades & Tints

#C59F64

Dark
Light

#C3A18A

Dark
Light

#A8A097

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c59f64;
  --color-2: #c3a18a;
  --color-3: #a8a097;
  --color-4: #85a0a1;
  --color-5: #958185;
}

SCSS

$color-1: #c59f64;
$color-2: #c3a18a;
$color-3: #a8a097;
$color-4: #85a0a1;
$color-5: #958185;

TAILWIND

colors: {
  'brand-1': '#c59f64',
  'brand-2': '#c3a18a',
  'brand-3': '#a8a097',
  'brand-4': '#85a0a1',
  'brand-5': '#958185',
}

RGB Array

[197, 159, 100], [195, 161, 138], [168, 160, 151], [133, 160, 161], [149, 129, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C59F64, #C3A18A, #A8A097, #85A0A1, #958185 is ideal for: brand design, premium product pages, magazine layouts. 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: #c59f64; --color-2: #c3a18a; --color-3: #a8a097; --color-4: #85a0a1; --color-5: #958185. 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. 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