← Back to Editor

#C5C0A3 · #ABAD98 · #83928F · #6C766E · #7D7C67

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

#C5C0A3

Fresh Green · Tan · Sunflower

HEX
#C5C0A3
RGB
rgb(197, 192, 163)
HSL
hsl(51, 23%, 71%)
HSB
hsb(51, 17%, 77%)
CMYK
cmyk(0%, 3%, 17%, 23%)
Oklch
oklch(80.4% 0.040 99.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ABAD98

Fresh Green · DarkGray · Sunflower

HEX
#ABAD98
RGB
rgb(171, 173, 152)
HSL
hsl(66, 11%, 64%)
HSB
hsb(66, 12%, 68%)
CMYK
cmyk(1%, 0%, 12%, 32%)
Oklch
oklch(74.0% 0.029 111.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#83928F

Ash · LightSlateGray · Warm Gray

HEX
#83928F
RGB
rgb(131, 146, 143)
HSL
hsl(168, 6%, 54%)
HSB
hsb(168, 10%, 57%)
CMYK
cmyk(10%, 0%, 2%, 43%)
Oklch
oklch(64.7% 0.018 182.4)

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

#6C766E

Ink Gray · DimGray · Warm Gray

HEX
#6C766E
RGB
rgb(108, 118, 110)
HSL
hsl(132, 4%, 44%)
HSB
hsb(132, 8%, 46%)
CMYK
cmyk(8%, 0%, 7%, 54%)
Oklch
oklch(55.5% 0.017 151.5)

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

#7D7C67

Autumn Sage · Gray · Honey Gold

HEX
#7D7C67
RGB
rgb(125, 124, 103)
HSL
hsl(57, 10%, 45%)
HSB
hsb(57, 18%, 49%)
CMYK
cmyk(0%, 1%, 18%, 51%)
Oklch
oklch(58.1% 0.031 105.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C0A3
A4A9C6

Analogous

C6B0A4
C5C0A3
BAC6A4

Triadic

C5C0A3
A4C6C1
C1A4C6

Split-Comp.

C5C0A3
A4BAC6
B0A4C6

Tetradic

C5C0A3
A4C6B0
A4A9C6
C6A4BA

Contrast Matrix WCAG 2.1 Contrast

C5C0A3
ABAD98
83928F
6C766E
7D7C67
—
1.2
Fail
1.8
Fail
2.6
Fail
2.3
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.9
Fail
1.8
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
2.6
Fail
2.1
Fail
1.5
Fail
—
1.1
Fail
2.3
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
White BG
1.8Fail
2.3Fail
3.2AA Large
4.7AA
4.2AA Large
Black BG
11.4AAA
9.2AAA
6.5AA
4.5AA Large
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3AA
ACAC9D
898A90
707070
7D7D6C

Deuteranopia

C3C3AC
ACAC9E
898890
706F70
7D7D6D

Tritanopia

C5B0B1
ABA1A2
849090
6D7172
7D7071

Achromatopsia

BEBEBE
AAAAAA
8D8D8D
727272
7A7A7A

Shades & Tints Shades & Tints

#C5C0A3

Dark
Light

#ABAD98

Dark
Light

#83928F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c0a3;
  --color-2: #abad98;
  --color-3: #83928f;
  --color-4: #6c766e;
  --color-5: #7d7c67;
}

SCSS

$color-1: #c5c0a3;
$color-2: #abad98;
$color-3: #83928f;
$color-4: #6c766e;
$color-5: #7d7c67;

TAILWIND

colors: {
  'brand-1': '#c5c0a3',
  'brand-2': '#abad98',
  'brand-3': '#83928f',
  'brand-4': '#6c766e',
  'brand-5': '#7d7c67',
}

RGB Array

[197, 192, 163], [171, 173, 152], [131, 146, 143], [108, 118, 110], [125, 124, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5C0A3, #ABAD98, #83928F, #6C766E, #7D7C67 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: #c5c0a3; --color-2: #abad98; --color-3: #83928f; --color-4: #6c766e; --color-5: #7d7c67. 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